*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.home-page{display:grid;grid-template-columns:260px minmax(0,1fr) 320px;gap:20px;min-height:100vh;padding:20px;background:linear-gradient(135deg,#e8e8e8,#f5f5f5);color:#1e1e1e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;box-sizing:border-box}.sidebar,.timeline,.right-rail{display:flex;flex-direction:column;gap:16px}.sidebar-inner,.timeline-header,.timeline-posts,.timeline-skeleton,.right-section{width:100%}.sidebar-card,.right-section{background:linear-gradient(145deg,#fff,#fafafa);border-radius:18px;padding:18px;box-shadow:0 10px 40px #0000001a,0 4px 12px #00000014,inset 0 1px #fffc;border:1px solid rgba(255,255,255,.5)}.sidebar-card+.sidebar-card{margin-top:16px}.user-card{display:flex;align-items:center;gap:12px;overflow:hidden}.user-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#e0e0e0,#d0d0d0);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;box-shadow:0 4px 12px #00000026,inset 0 2px 4px #ffffff4d;border:2px solid #ffffff}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-weight:700;font-size:20px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.user-meta{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.user-name{font-weight:600;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-handle{color:#5a5a5a;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-list{display:flex;flex-direction:column;gap:12px;padding:16px;margin-bottom:16px}.nav-list button{width:100%;padding:12px 16px;display:flex;align-items:center;gap:10px;border-radius:12px;border:none;text-align:left;font-size:14px;font-weight:600;background:linear-gradient(145deg,#f0f0f0,#e8e8e8);color:#2f2f2f;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 8px #0000000f}.nav-list button:disabled{cursor:not-allowed;color:#7a7a7a;opacity:.6}.nav-list button:not(:disabled):hover{background:linear-gradient(145deg,#e8e8e8,#dcdcdc);transform:translate(6px) scale(1.02);box-shadow:0 4px 14px #0000001f}.sidebar-inner.guest{gap:20px}.guest-signin-main{margin-bottom:4px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:18px 26px;border-radius:18px;border:1px solid rgba(255,255,255,.5);font-weight:700;font-size:15px;background:linear-gradient(145deg,#fff,#fafafa);color:#2f2f2f;box-shadow:0 10px 40px #0000001a,0 4px 12px #00000014,inset 0 1px #fffc;transition:transform .25s ease,box-shadow .25s ease;cursor:pointer}.guest-signin-main:hover{transform:translateY(-2px);box-shadow:0 14px 50px #00000024,0 6px 16px #0000001a,inset 0 1px #fff}.guest-signin-main:active{transform:translateY(0)}.guest-nav{background:linear-gradient(145deg,#fff,#f6f6f6)}.guest-nav button{background:#fff;color:#2f2f2f;box-shadow:0 2px 8px #0000000d}.guest-nav button:hover{background:linear-gradient(145deg,#f0f0f0,#e4e4e4)}.guest-placeholder{min-height:140px;background:linear-gradient(145deg,#f4f4f4,#ebebeb);border:1px solid rgba(0,0,0,.04)}.icon{width:18px;height:18px;flex-shrink:0;color:inherit}.sidebar-action{width:100%;padding:14px 20px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;border:none;background:linear-gradient(135deg,#e5e5e5,#d8d8d8);color:#222;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 18px #0000001a,inset 0 1px #ffffff80;text-transform:uppercase;letter-spacing:.5px}.sidebar-action.primary{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;font-size:16px;padding:16px 24px;box-shadow:0 8px 24px #4a90e24d,inset 0 1px #ffffff4d}.sidebar-action.primary:hover{background:linear-gradient(135deg,#5a9ef5,#4588cc);transform:translateY(-3px) scale(1.03);box-shadow:0 12px 32px #4a90e266,inset 0 1px #fff6}.sidebar-action.secondary{font-size:13px;padding:10px 16px;margin-top:8px;background:linear-gradient(135deg,#f0f0f0,#e5e5e5);color:#666;text-transform:none;letter-spacing:0}.sidebar-action.secondary:hover{background:linear-gradient(135deg,#e8e8e8,#dadada);transform:translateY(-2px);box-shadow:0 6px 16px #0000001f,inset 0 1px #fff9}.sidebar-action:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 28px #00000026,inset 0 1px #fff9;background:linear-gradient(135deg,#e8e8e8,#dadada)}.sidebar-action:active{transform:translateY(0) scale(.98);box-shadow:0 4px 12px #0000001a}.sidebar-action.primary:active{transform:translateY(0) scale(.98);box-shadow:0 6px 18px #4a90e240}.timeline-header{background:linear-gradient(145deg,#fff,#fafafa);padding:20px 24px;border-radius:18px;box-shadow:0 8px 30px #00000014,0 2px 6px #0000000f,inset 0 1px #fffc;border:1px solid rgba(255,255,255,.5)}.timeline-header h1{font-size:24px;font-weight:700;margin:0;background:linear-gradient(135deg,#333,#555);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timeline-posts{display:flex;flex-direction:column;gap:18px}.post-card{display:grid;grid-template-columns:52px 1fr;gap:16px;background:linear-gradient(145deg,#fff,#fafafa);padding:20px;border-radius:20px;box-shadow:0 10px 40px #0000001a,0 4px 12px #00000014,inset 0 1px #ffffffe6;border:1px solid rgba(255,255,255,.6);transition:all .3s ease}.post-card.read-only{cursor:pointer;border:1px solid rgba(74,107,255,0);transition:border .25s ease}.post-card.read-only:focus-visible{outline:3px solid rgba(74,107,255,.4);outline-offset:2px}.post-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#e0e0e0,#d0d0d0);box-shadow:0 4px 12px #00000026,inset 0 2px 4px #ffffff4d;border:2px solid #ffffff}.post-body{display:flex;flex-direction:column;gap:12px}.post-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.post-author{font-weight:600;margin-right:6px}.post-handle,.post-time{color:#6d6d6d;font-size:13px}.post-content{margin:0;color:#2b2b2b;line-height:1.5}.post-image{border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014;border:2px solid #f0f0f0}.post-image img{width:100%;height:auto;display:block;transition:transform .4s ease}.post-footer{display:flex;gap:20px;color:#5c5c5c;font-size:13px;padding-top:8px;border-top:1px solid #efefef}.post-footer span{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;background:#f8f8f8;transition:all .2s ease;cursor:pointer}.post-footer span:hover{background:#ececec;transform:scale(1.1);color:#3478f6}.post-footer.requires-auth{color:#7a7a7a}.post-footer.requires-auth span:hover{color:#3454d1}.timeline-skeleton{display:flex;flex-direction:column;gap:18px}.skeleton-card{display:grid;grid-template-columns:52px 1fr;gap:16px;background:linear-gradient(145deg,#fff,#fafafa);padding:20px;border-radius:20px;box-shadow:0 10px 40px #0000001a,0 4px 12px #00000014,inset 0 1px #ffffffe6;border:1px solid rgba(255,255,255,.6);animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.7}}.skeleton-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#e0e0e0,#d0d0d0);box-shadow:0 4px 12px #0000001a,inset 0 2px 4px #ffffff4d;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}.skeleton-lines{display:flex;flex-direction:column;gap:12px}.line{display:block;border-radius:8px;background:linear-gradient(90deg,#e8e8e8,#f0f0f0,#e8e8e8);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.line.short{width:160px;height:12px}.line.shorter{width:120px;height:12px}.line.long{width:100%;height:12px}.line.tall{width:100%;height:140px}.timeline-readonly-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:20px 24px;border-radius:18px;background:linear-gradient(135deg,#fff,#f5f8ff);border:1px solid rgba(180,195,255,.3);box-shadow:0 12px 34px #334baa29,0 4px 12px #334baa1a}.timeline-readonly-banner h2{margin:0;font-size:18px;color:#2b3a6f}.timeline-readonly-banner p{margin:6px 0 0;font-size:14px;color:#5868a2}.timeline-readonly-banner button{padding:12px 26px;border:none;border-radius:999px;background:linear-gradient(135deg,#4a6bff,#3651d8);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 10px 26px #4a6bff4d,inset 0 1px #fff6;transition:transform .25s ease,box-shadow .25s ease}.timeline-readonly-banner button:hover{transform:translateY(-2px);box-shadow:0 14px 38px #4a6bff5c,inset 0 1px #ffffff80}.right-section header{margin-bottom:12px}.right-section h2{font-size:14px;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:.1em;color:#6a6a6a;border-bottom:2px solid #e8e8e8;padding-bottom:8px}.search-card{padding:0;background:linear-gradient(135deg,#dedede,#cfcfcf);border-radius:30px;border:none;box-shadow:0 8px 26px #0000001f,inset 0 1px #ffffffa6}.search-card .search-field{position:relative;display:flex;align-items:center;background:linear-gradient(135deg,#fff,#f8f8f8);border-radius:28px;padding:14px 24px 14px 58px;box-shadow:inset 0 2px 4px #0000000d,inset 0 -1px #00000008;transition:box-shadow .3s ease,transform .3s ease;cursor:text}.search-field-icon{position:absolute;left:26px;width:20px;height:20px;color:#3b3b3b;opacity:.75;transition:color .3s ease,opacity .3s ease}.search-field-input{width:100%;border:none;background:transparent;padding:0;font-size:15px;font-weight:500;color:#343434;outline:none}.search-field-input::placeholder{color:#9b9b9b;font-weight:400}.search-field:focus-within{box-shadow:inset 0 2px 4px #0000000d,inset 0 -1px #00000008,0 0 0 3px #4a90e22e;transform:translateY(-1px)}.search-field:focus-within .search-field-icon{color:#3478f6;opacity:1}.search-field-input:disabled{color:#8d8d8d;cursor:not-allowed}.search-field-input:disabled::placeholder{color:#b5b5b5}.search-field.disabled{cursor:not-allowed;opacity:.85}.search-field.disabled .search-field-icon{opacity:.55}.trends-list,.suggestions-list{display:flex;flex-direction:column;gap:12px}.trend-item{padding:14px;border-radius:12px;background:linear-gradient(145deg,#f8f8f8,#f0f0f0);display:flex;flex-direction:column;gap:6px;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc;transition:all .25s ease;cursor:pointer}.trend-item:hover{background:linear-gradient(145deg,#f0f0f0,#e8e8e8);transform:translate(4px);box-shadow:0 4px 12px #0000001a,inset 0 1px #fff}.trend-label{font-weight:700;color:#2f2f2f;font-size:15px}.trend-description,.trend-volume{color:#7a7a7a;font-size:13px}.trend-skeleton{height:68px;border-radius:12px;background:linear-gradient(90deg,#e8e8e8,#f0f0f0,#e8e8e8);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;box-shadow:0 2px 8px #0000000f}.suggestion-item{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:14px;border-radius:12px;background:linear-gradient(145deg,#f8f8f8,#f0f0f0);box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc;transition:all .25s ease}.suggestion-item:hover{background:linear-gradient(145deg,#f0f0f0,#e8e8e8);box-shadow:0 4px 12px #0000001a,inset 0 1px #fff}.suggestion-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#e0e0e0,#d0d0d0);box-shadow:0 3px 10px #0000001f,inset 0 2px 4px #ffffff4d;border:2px solid #ffffff}.suggestion-meta{display:flex;flex-direction:column;gap:4px}.suggestion-name{font-weight:600}.suggestion-handle{color:#6d6d6d;font-size:13px}.suggestion-item button{padding:8px 18px;border:none;border-radius:999px;background:linear-gradient(135deg,#e5e5e5,#d8d8d8);color:#2f2f2f;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s ease;box-shadow:0 3px 10px #0000001a,inset 0 1px #ffffff80;text-transform:uppercase;letter-spacing:.5px}.suggestion-item button:hover{background:linear-gradient(135deg,#d8d8d8,#cacaca);transform:scale(1.05);box-shadow:0 5px 15px #00000026,inset 0 1px #fff9}.suggestion-item button:active{transform:scale(.95)}.suggestion-item button.requires-auth{background:linear-gradient(135deg,#ededed,#e0e0e0);color:#5a5a5a}.suggestion-item button.requires-auth:hover{background:linear-gradient(135deg,#e4e4e4,#d7d7d7)}.suggestion-skeleton{display:grid;grid-template-columns:44px 1fr 70px;align-items:center;gap:12px;padding:14px;border-radius:12px;background:linear-gradient(145deg,#f5f5f5,#ececec);box-shadow:0 2px 8px #0000000f;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-button{height:30px;border-radius:999px;background:linear-gradient(90deg,#e0e0e0,#e8e8e8,#e0e0e0);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.auth-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{position:relative;background:#fff;border-radius:20px;padding:32px;width:90%;max-width:480px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:none;background:#f0f0f0;color:#333;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.auth-modal-close:hover{background:#e0e0e0;transform:scale(1.05)}.auth-modal-title{font-size:22px;font-weight:700;color:#1e1e1e;margin:0 0 12px;line-height:1.4;text-align:center}.auth-modal-description{font-size:15px;color:#666;margin:0 0 24px;text-align:center}.auth-modal-input{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;margin-bottom:16px;transition:border-color .2s ease;box-sizing:border-box}.auth-modal-input:focus{outline:none;border-color:#4a90e2}.auth-modal-input::placeholder{color:#999}.auth-modal-button{width:100%;padding:14px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:12px}.auth-modal-button.next{background:#e8e8e8;color:#999;cursor:not-allowed;display:none}.auth-modal-button.login{background:#4a90e2;color:#fff;box-shadow:0 4px 12px #4a90e24d}.auth-modal-button.login:hover{background:#357abd;transform:translateY(-2px);box-shadow:0 6px 16px #4a90e266}.auth-modal-button.register{background:#28a745;color:#fff;box-shadow:0 4px 12px #28a7454d}.auth-modal-button.register:hover{background:#218838;transform:translateY(-2px);box-shadow:0 6px 16px #28a74566}.auth-modal-divider{display:flex;align-items:center;margin:20px 0;color:#999;font-size:14px}.auth-modal-divider:before,.auth-modal-divider:after{content:"";flex:1;height:1px;background:#e0e0e0}.auth-modal-divider span{padding:0 16px}@media (max-width: 1180px){.home-page{grid-template-columns:220px minmax(0,1fr)}.right-rail{display:none}}@media (max-width: 860px){.home-page{grid-template-columns:1fr;padding:16px}.sidebar{order:2}.right-rail{display:none}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f5f5f5;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.login-card{background:linear-gradient(145deg,#d4d4d4,#b8b8b8);border-radius:24px;padding:48px 40px 40px;width:100%;max-width:380px;box-shadow:0 10px 40px #0000001f,0 2px 8px #00000014;display:flex;flex-direction:column;align-items:center}.login-form{width:100%;display:flex;flex-direction:column;gap:12px}.login-input{width:100%;padding:14px 48px;border:2px solid transparent;border-radius:12px;font-size:14px;background:linear-gradient(145deg,#fff,#fafafa);color:#2d2d2d;box-sizing:border-box;box-shadow:0 2px 8px #0000000f,inset 0 1px 2px #0000000a}.login-input::-ms-reveal,.login-input::-ms-clear{display:none}.login-input::-webkit-credentials-auto-fill-button,.login-input::-webkit-textfield-decoration-container{display:none}.login-input::placeholder{color:#9a9a9a;font-weight:400}.login-input:focus{outline:none;border-color:#8a8a8a;background:#fff;box-shadow:0 4px 16px #0000001a,0 0 0 3px #8a8a8a1a}.login-input:disabled{background-color:#f0f0f0;cursor:not-allowed;opacity:.6}.forgot-password{text-align:right;margin-top:-4px;margin-bottom:4px}.forgot-password a{font-size:12px;color:#666;text-decoration:none;font-weight:500;transition:all .3s ease;display:inline-block}.forgot-password a:hover{color:#240592;transition:all .1s ease}.forgot-password a:active{color:#8a8a8a;transform:scale(.95)}.login-button{width:100%;padding:14px 24px;background:linear-gradient(145deg,#fff,#f5f5f5);color:#2d2d2d;border:2px solid rgba(0,0,0,.08);border-radius:12px;font-size:15px;font-weight:600;letter-spacing:.5px;cursor:pointer;margin-top:12px;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000f}.login-button:disabled{background:#e5e5e5;cursor:not-allowed;opacity:.6}.signup-link{text-align:center;font-size:13px;color:#4a4a4a;margin-top:16px;padding:10px 20px;background:linear-gradient(145deg,#fff9,#ffffff4d);border-radius:24px;border:2px solid rgba(0,0,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.signup-link a{color:#f44;text-decoration:underline;font-weight:600;transition:all .3s ease;display:inline-block}.signup-link a:hover{color:#f22;transform:scale(1.05)}.signup-link a:active{color:#c00;transform:scale(.95)}@media (max-width: 480px){.login-card{padding:30px 20px;max-width:100%}.logo-circle{width:80px;height:80px}.brand-name{font-size:13px;padding:6px 25px}.login-input{font-size:13px;padding:10px 44px 10px 40px}}.register-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f5f5f5;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.register-card{background:linear-gradient(145deg,#d4d4d4,#b8b8b8);border-radius:24px;padding:48px 40px 40px;width:100%;max-width:380px;box-shadow:0 10px 40px #0000001f,0 2px 8px #00000014;display:flex;flex-direction:column;align-items:center}.logo-circle{width:100px;height:100px;background:linear-gradient(135deg,#fff,#f0f0f0);border-radius:50%;margin-bottom:16px;box-shadow:0 4px 12px #0000001a,inset 0 2px 4px #ffffff80;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-image{width:100%;height:100%;object-fit:cover}.brand-name{background:linear-gradient(145deg,#fff,#f5f5f5);color:#2d2d2d;padding:8px 32px;border-radius:20px;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:32px;box-shadow:0 3px 10px #00000014,0 1px 3px #0000000f}.register-form{width:100%;display:flex;flex-direction:column;gap:12px}.input-group{position:relative;width:100%}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.6;z-index:10}.password-toggle svg{display:block}.password-toggle:hover{opacity:1}.password-toggle:focus{outline:none}.input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);display:flex;align-items:center;pointer-events:none;z-index:1}.register-input{width:100%;padding:14px 16px 14px 48px;border:2px solid transparent;border-radius:12px;font-size:14px;background:linear-gradient(145deg,#fff,#fafafa);color:#2d2d2d;box-sizing:border-box;box-shadow:0 2px 8px #0000000f,inset 0 1px 2px #0000000a}.register-input::-ms-reveal,.register-input::-ms-clear{display:none}.register-input::-webkit-credentials-auto-fill-button,.register-input::-webkit-textfield-decoration-container{display:none}.register-input.with-toggle{padding-right:48px}.register-input::placeholder{color:#9a9a9a;font-weight:400}.register-input:focus{outline:none;border-color:#8a8a8a;background:#fff;box-shadow:0 4px 16px #0000001a,0 0 0 3px #8a8a8a1a}.register-input:disabled{background-color:#f0f0f0;cursor:not-allowed;opacity:.6}.error-message{background-color:#f44;color:#fff;padding:10px;border-radius:8px;font-size:13px;text-align:center}.register-button{width:100%;padding:14px 24px;background:linear-gradient(145deg,#fff,#f5f5f5);color:#2d2d2d;border:2px solid rgba(0,0,0,.08);border-radius:12px;font-size:15px;font-weight:600;letter-spacing:.5px;cursor:pointer;margin-top:12px;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000f;transition:all .3s ease}.register-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f,0 3px 6px #00000014}.register-button:active{transform:translateY(0);box-shadow:0 2px 8px #00000014,0 1px 3px #0000000f}.register-button:disabled{background:#e5e5e5;cursor:not-allowed;opacity:.6}.login-link{text-align:center;font-size:13px;color:#4a4a4a;margin-top:16px;padding:10px 20px;background:linear-gradient(145deg,#fff9,#ffffff4d);border-radius:24px;border:2px solid rgba(0,0,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.login-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#0000004d}.login-link a{color:#f44;text-decoration:underline;font-weight:600;transition:all .3s ease;display:inline-block}.login-link a:hover{color:#f22;transform:scale(1.05)}.login-link a:active{color:#c00;transform:scale(.95)}@media (max-width: 480px){.register-card{padding:30px 20px;max-width:100%}.logo-circle{width:80px;height:80px}.brand-name{font-size:13px;padding:6px 25px}.register-input{font-size:13px;padding:10px 12px 10px 40px}.register-input.with-toggle{padding-right:44px}}.forgot-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.forgot-card{background:linear-gradient(145deg,#fff,#f5f5f5);border-radius:24px;padding:48px 40px;max-width:440px;width:100%;box-shadow:0 10px 40px #0000001f,0 2px 8px #00000014;display:flex;flex-direction:column;gap:20px;text-align:center}.forgot-card h1{margin:0;font-size:26px;font-weight:700;color:#222}.forgot-subtitle{margin:0;color:#555;font-size:15px;line-height:1.6}.forgot-form{display:flex;flex-direction:column;gap:16px;text-align:left}.forgot-form label{font-weight:600;color:#333;font-size:14px}.forgot-form input{width:100%;padding:14px 16px;border-radius:12px;border:2px solid transparent;background:linear-gradient(145deg,#fff,#f0f0f0);font-size:15px;color:#2d2d2d;box-shadow:0 2px 8px #0000000f,inset 0 1px 2px #0000000a;box-sizing:border-box}.forgot-form input:focus{outline:none;border-color:#4a90e2;background:#fff;box-shadow:0 4px 16px #4a90e233,0 0 0 3px #4a90e226}.forgot-error{background-color:#f44;color:#fff;padding:12px;border-radius:10px;font-size:14px}.forgot-button{width:100%;padding:14px 20px;border-radius:12px;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.forgot-button.primary{background:linear-gradient(145deg,#4a90e2,#357abd);color:#fff;box-shadow:0 6px 18px #4a90e240}.forgot-button.primary:hover{transform:translateY(-2px);box-shadow:0 10px 26px #4a90e259}.forgot-button.secondary{background:linear-gradient(145deg,#f0f0f0,#e4e4e4);color:#333;box-shadow:0 3px 12px #0000001a}.forgot-button.secondary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.forgot-success{display:flex;flex-direction:column;gap:16px;align-items:center}.forgot-success h2{margin:0;font-size:22px;color:#2d2d2d}.forgot-success p{margin:0;color:#555;font-size:15px;line-height:1.6;text-align:center}@media (max-width: 480px){.forgot-card{padding:32px 24px}}