*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif}#root{width:100%;min-height:100vh}.auth-container{background:#f5f5f5;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;width:100%;max-width:420px;padding:48px;box-shadow:0 1px 2px #0000000d,0 10px 30px #0000000a}.auth-card h1{color:#111;text-align:center;margin-bottom:8px;font-size:2rem;font-weight:700}.auth-card h1:after{content:"Short URLs. Simplified.";color:#6b7280;margin-top:10px;font-size:.95rem;font-weight:400;display:block}.auth-card form{flex-direction:column;gap:18px;margin-top:36px;display:flex}.auth-card input{background:#fafafa;border:1px solid #d1d5db;border-radius:14px;width:100%;padding:16px;font-size:15px;transition:all .2s}.auth-card input:focus{background:#fff;border-color:#111;outline:none}.auth-card button{color:#fff;cursor:pointer;background:#111;border:none;border-radius:14px;margin-top:8px;padding:16px;font-size:15px;font-weight:600;transition:all .2s}.auth-card button:hover{background:#222;transform:translateY(-1px)}.auth-card p{text-align:center;color:#6b7280;margin-top:28px}.auth-card a{color:#111;cursor:pointer;font-weight:600;text-decoration:none}.auth-card a:hover{text-decoration:underline}.shorten-container{background:#f5f5f5;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.shorten-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;width:100%;max-width:720px;padding:48px;box-shadow:0 1px 2px #0000000d,0 10px 30px #0000000a}.header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.header h1{color:#111;letter-spacing:-1px;margin:0;font-size:2rem}.logout-btn{color:#111;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:12px;padding:10px 18px;transition:all .2s}.logout-btn:hover{background:#f3f4f6}.shorten-card form{gap:12px;display:flex}.shorten-card input{background:#fafafa;border:1px solid #d1d5db;border-radius:14px;flex:1;padding:16px;font-size:15px}.shorten-card input:focus{background:#fff;border-color:#111;outline:none}.shorten-card form button{color:#fff;cursor:pointer;background:#111;border:none;border-radius:14px;padding:16px 24px;font-weight:600;transition:all .2s}.shorten-card form button:hover{background:#222}.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-top:20px;padding:14px}.result{text-align:center;background:#fafafa;border:1px solid #e5e7eb;border-radius:18px;margin-top:32px;padding:28px}.result p{color:#6b7280;margin-bottom:10px}.result a{color:#111;word-break:break-word;margin-bottom:18px;font-size:1.05rem;font-weight:600;text-decoration:none;display:block}.result button{color:#fff;cursor:pointer;background:#111;border:none;border-radius:12px;padding:12px 20px}.result button:hover{background:#222}