@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;700&display=swap";
.login-container{color:#000;scroll-behavior:smooth;background-color:#fff;width:100%;height:100vh;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}.premium-navbar{-webkit-backdrop-filter:blur(20px);z-index:2000;background:#0a0a0ffa;border:1px solid #ffffff26;border-radius:100px;align-items:center;width:90%;max-width:1200px;height:4.5rem;animation:1s ease-out navFadeIn;display:flex;position:fixed;top:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080}@keyframes navFadeIn{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.nav-content{justify-content:space-between;align-items:center;width:100%;padding:0 1.5rem;display:flex}.nav-left{align-items:center;gap:.75rem;display:flex}.nav-logo{object-fit:contain;width:32px;height:32px}.nav-brand{color:#fff;letter-spacing:-.5px;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700}.nav-center{align-items:center;gap:2.5rem;display:flex}.nav-link{color:#ffffffb3;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s}.nav-link:hover{color:#fff;text-shadow:0 0 8px #ffffff4d}.nav-right{align-items:center;display:flex}.nav-cta{color:#000;cursor:pointer;background:#fff;border:none;border-radius:100px;padding:.7rem 1.4rem;font-size:.9rem;font-weight:600;transition:all .3s}.nav-cta:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px #fff3}.nav-cta:active{transform:translateY(0)}.intro-section,.auth-section{z-index:5}.grid-overlay{pointer-events:none;z-index:2;perspective:1000px;width:100%;height:200vh;position:absolute;top:0;left:0}.grid-side{opacity:1;transform-style:preserve-3d;background-color:#0000;background-image:linear-gradient(90deg,#00000040 1px,#0000 1px),linear-gradient(#00000040 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:30px 30px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute}.grid-left{width:100px;height:100%;animation:12s linear infinite flowGridLeft;top:0;left:0}.grid-right{width:100px;height:100%;animation:12s linear infinite flowGridRight;top:0;right:0}@keyframes flowGridLeft{0%{background-position:0 0;transform:rotateY(55deg)translateZ(0)}50%{background-position:15px -15px;transform:rotateY(60deg)translateZ(20px)}to{background-position:30px -30px;transform:rotateY(55deg)translateZ(0)}}@keyframes flowGridRight{0%{background-position:0 0;transform:rotateY(-55deg)translateZ(0)}50%{background-position:-15px -15px;transform:rotateY(-60deg)translateZ(20px)}to{background-position:-30px -30px;transform:rotateY(-55deg)translateZ(0)}}#spline-watermark,.spline-watermark,a[href*=spline\.design]{visibility:hidden!important;pointer-events:none!important;display:none!important}.intro-section{z-index:10;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.spline-background{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.spline-background canvas{width:100%!important;height:100%!important}.auth-section{background-color:#fff;justify-content:center;align-items:center;height:100vh;padding:0 5%;display:flex}.auth-content-wrapper{z-index:10;justify-content:space-between;align-items:center;gap:2rem;width:100%;max-width:1400px;display:flex}.right-spline-container{flex:1;justify-content:center;align-items:center;height:80vh;display:flex}.typing-text{z-index:15;color:#000;white-space:nowrap;border-right:4px solid #000;width:0;font-family:Outfit,sans-serif;font-size:12rem;font-weight:800;animation:2s steps(9,end) forwards typing,.75s step-end infinite blink;position:relative;overflow:hidden}.scroll-indicator{color:#666;opacity:0;flex-direction:column;align-items:center;gap:.5rem;font-size:.9rem;animation:1s ease-out 2.5s forwards fadeIn,2s 2.5s infinite bounce;display:flex;position:absolute;bottom:2rem}@keyframes typing{0%{width:0}to{width:9ch}}@keyframes blink{0%,to{border-color:#0000}50%{border-color:#000}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.auth-title{color:#111827;margin-bottom:.5rem;font-size:2rem;font-weight:700}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;width:100%;max-width:420px;margin-left:2rem;padding:2.5rem;animation:.8s ease-out fadeIn;box-shadow:0 10px 40px #00000014}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:2rem;display:flex}.app-logo{object-fit:contain;width:80px;height:80px;margin-bottom:1rem}.logo-text{color:#111827;letter-spacing:-1px;margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:700}.logo-text span{background:linear-gradient(90deg,#4f46e5,#9333ea);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.subtitle{color:#6b7280;font-size:.95rem;font-weight:400}.login-form{flex-direction:column;gap:1.5rem;display:flex}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{color:#cbd5e1;padding-left:.25rem;font-size:.85rem;font-weight:500}.input-group input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:.85rem 1rem;font-size:1rem;transition:all .3s}.input-group input:focus{background:#ffffff14;border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f133}.error-message{color:#f87171;text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;padding:.75rem;font-size:.85rem}.login-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6366f1,#a855f7);border:none;border-radius:12px;justify-content:center;align-items:center;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.login-button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #6366f166}.login-button:active{transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.loader{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.step-indicator{justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.step-indicator span{color:#ffffff80;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;transition:all .3s;display:flex}.step-indicator span.active{background:var(--primary);color:var(--card-bg);border-color:var(--primary);box-shadow:0 0 10px #00d4ff4d}.text-button{color:var(--primary);cursor:pointer;opacity:.8;background:0 0;border:none;margin-top:1rem;font-size:.9rem;transition:opacity .2s}.text-button:hover{opacity:1;text-decoration:underline}.hint{opacity:.6;margin-top:.5rem;font-size:.75rem;display:block}.login-actions{flex-direction:column;align-items:center;gap:1.5rem;width:100%;margin-top:2rem;display:flex}.google-signin-button{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px;font-size:1rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 6px #0000000d}.google-signin-button:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 6px 12px #0000001a}.google-icon{width:24px;height:24px}.security-note{color:#666;font-size:.85rem}.login-footer{text-align:center;color:#94a3b8;margin-top:2rem;font-size:.9rem}.login-footer a{color:#6366f1;font-weight:500;text-decoration:none;transition:color .3s}.login-footer a:hover{color:#a855f7;text-decoration:underline}.about-section{color:#fff;z-index:10;background:#000;justify-content:center;min-height:100vh;padding:120px 5% 60px;display:flex;position:relative}.about-content{width:100%;max-width:1200px}.about-header{text-align:center;margin-bottom:4rem}.section-title{background:linear-gradient(135deg,#fff 0%,#ffffff80 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:3.5rem;font-weight:800}.about-tagline{color:#fff9;font-size:1.2rem}.about-grid{grid-template-columns:1.5fr 1fr;gap:4rem;margin-bottom:6rem;display:grid}.about-main h3{color:#fff;margin:2rem 0 1rem;font-family:Outfit,sans-serif;font-size:1.8rem}.about-main p{color:#ffffffb3;margin-bottom:1.5rem;line-height:1.8}.features-highlight{grid-template-columns:1fr;gap:2rem;margin-top:3rem;display:grid}.feature-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;padding:1.5rem;transition:transform .3s}.feature-item:hover{background:#ffffff0d;transform:translateY(-5px)}.feature-item h4{color:#fff;margin-bottom:.5rem;font-size:1.1rem}.feature-item p{margin-bottom:0;font-size:.95rem}.developer-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:40px;height:fit-content;padding:3rem 2rem;position:sticky;top:120px}.profile-frame{background:#000;border:2px solid #ff00004d;border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;margin:0 auto 2rem;padding:5px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #f009}.profile-frame:before{display:none}.profile-frame:after{content:"";border:2px solid #fff3;border-radius:50%;position:absolute;inset:-2px}.profile-img{object-fit:cover;border:4px solid #000;border-radius:50%;width:100%;height:100%}.developer-card h3{margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:1.5rem}.dev-bio{color:#ffffffb3;margin-bottom:2rem;font-size:.95rem;line-height:1.6}.dev-socials{justify-content:center;gap:1.5rem;display:flex}.dev-socials a{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .3s}.dev-socials a:hover{color:#fff}.about-footer{text-align:center;color:#fff6;border-top:1px solid #ffffff1a;margin-top:4rem;padding-top:3rem;font-size:.9rem}.reveal{opacity:0;will-change:opacity,transform;transition:all .8s cubic-bezier(.4,0,.2,1);transform:translateY(30px)}.reveal-active{opacity:1;transform:translateY(0)}.about-main.reveal-active{transition-delay:.2s}.developer-card.reveal-active{transition-delay:.4s}@media (max-width:968px){.about-grid{grid-template-columns:1fr}.developer-card{position:static}.section-title{font-size:2.5rem}}