.hero{background:linear-gradient(135deg,#0f172a 0,#1e293b 100%);color:#fff;padding:6rem 0 5rem;text-align:center}.hero-content{max-width:720px;margin:0 auto}.hero h1{font-size:3rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:1.25rem}.hero p{font-size:1.25rem;color:#94a3b8;margin-bottom:2.5rem;line-height:1.6}.shorten-form-container{max-width:640px;margin:0 auto}.shorten-input-group{display:flex;gap:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 20px 25px -5px rgba(0,0,0,.15)}.shorten-scheme-select{padding:1rem .25rem 1rem 1rem;border:0;border-right:1px solid #e2e8f0;font-size:.875rem;font-family:"SF Mono",Monaco,"Cascadia Code",monospace;color:#64748b;background:0 0;outline:0;cursor:pointer;appearance:auto;min-width:0;white-space:nowrap}.shorten-scheme-select:focus{color:#1e293b}.shorten-input{flex:1;padding:1rem 1.25rem;border:0;font-size:1rem;font-family:"Inter",sans-serif;color:#1e293b;outline:0;background:0 0;min-width:0}.shorten-input::placeholder{color:#94a3b8}.shorten-btn{padding:1rem 2rem;background:#2563eb;color:#fff;border:0;font-size:1rem;font-weight:600;font-family:"Inter",sans-serif;cursor:pointer;transition:background .2s;white-space:nowrap}.shorten-btn:hover{background:#1d4ed8}.shorten-error{margin-top:1rem;padding:.75rem 1rem;background:rgba(239,68,68,.15);color:#fca5a5;border-radius:8px;font-size:.875rem}.shorten-form .turnstile-widget{margin-top:1.25rem;display:flex;justify-content:center}.features{padding:6rem 0;background:#fff}.features-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.feature-card{flex:0 1 calc(33.333% - 1.5rem);text-align:center;padding:2rem 1.5rem;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s;background:#fff}.feature-card:hover{border-color:#bfdbfe;box-shadow:0 4px 6px -1px rgba(37,99,235,.1);transform:translateY(-2px)}.feature-icon,.result-section{display:flex;align-items:center}.feature-icon{width:56px;height:56px;margin:0 auto 1.25rem;justify-content:center;background:#eff6ff;border-radius:12px;color:#2563eb}.feature-card h3{font-size:1.125rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.feature-card p{font-size:.875rem;color:#64748b;line-height:1.6}.result-section{padding:4rem 0;background:#f8fafc;min-height:70vh}.result-card{max-width:560px;margin:0 auto;background:#fff;border-radius:16px;padding:3rem;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e2e8f0;text-align:center}.result-header h1{font-size:1.5rem;font-weight:700;color:#0f172a}.result-header h1,.result-url-container{margin-bottom:2rem}.result-short-url{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.75rem;padding:1rem;background:#eff6ff;border-radius:8px}.short-url-link{font-size:1.25rem;font-weight:600;color:#2563eb;word-break:break-all}.copy-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#2563eb;color:#fff;border:0;border-radius:6px;font-size:.8125rem;font-weight:500;font-family:"Inter",sans-serif;cursor:pointer;transition:background .2s;white-space:nowrap}.copy-btn:hover{background:#1d4ed8}.result-original-url{font-size:.8125rem;color:#64748b;text-align:left}.result-original-url .label{font-weight:500;color:#475569}.result-original-url .url{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-qr{margin-bottom:1.5rem}.qr-code-img{width:180px;height:180px;border-radius:8px;border:1px solid #e2e8f0}.qr-label{font-size:.8125rem;color:#64748b;margin-top:.5rem}.result-info{font-size:.875rem;color:#64748b;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;gap:.375rem}.result-cta{padding:1.5rem;background:#f8fafc;border-radius:8px;margin-bottom:1.5rem}.result-cta p{color:#475569;margin-bottom:1rem}.result-cta p,.result-shorten-another{font-size:.875rem}@media (max-width:992px){.feature-card{flex-basis:calc(50% - 1rem)}}@media (max-width:768px){.hero{padding:4rem 0 3.5rem}.hero h1{font-size:2rem}.hero p{font-size:1rem}.shorten-input-group{flex-direction:column;border-radius:12px}.shorten-scheme-select{border-right:none;padding:.75rem 1rem;width:100%}.shorten-input,.shorten-scheme-select{border-bottom:1px solid #e2e8f0}.shorten-btn{border-radius:0 0 12px 12px}.features{padding:4rem 0}.features-grid{gap:1.5rem}.feature-card{flex-basis:100%}.result-card{padding:2rem 1.5rem}.result-short-url{flex-direction:column}}@media (max-width:480px){.hero h1{font-size:1.75rem}}