*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,sans-serif}html{position:relative;min-height:100%}html:before{content:"";position:fixed;inset:0;z-index:-1;opacity:.4;background:radial-gradient(ellipse 80% 60% at 60% 20%,rgba(175,109,255,.5),transparent 65%),radial-gradient(ellipse 70% 60% at 20% 80%,rgba(255,100,180,.45),transparent 65%),radial-gradient(ellipse 60% 50% at 60% 65%,rgba(63,112,245,.43),transparent 62%),radial-gradient(ellipse 65% 40% at 50% 60%,rgba(18,226,188,.48),transparent 68%),linear-gradient(180deg,#f7eaff,#fde2ea)}:root{--background: rgb(255, 247, 247);--black: #202020;--darkText: #1f1f1f;--post: rgba(255, 255, 255, .5);--white: white;--red: red;--gray: #a39e9e;--primary: linear-gradient(135deg, #5574ff 0%, #6b73e9 100%);--rgb: rgba(255, 56, 93, 1);--primText: #5574ff;--hoverPri: rgb(220, 51, 82) 0%;--hoverSec: rgb(236, 236, 236)}.iconAndText{display:flex;justify-content:center;align-items:center;gap:.5rem}.bigIcon{font-size:clamp(1rem,7vw,2.5rem)}.midIcon{font-size:clamp(1rem,5vw,2.2rem)}.xlIcon{font-size:clamp(1rem,9vw,3.5rem)}.gold{color:#ffc13b}.purple{color:purple}.blue{color:#0080ff}.blue2{color:#004b97}.blue3{color:#4a300e}.green{color:#4fb34f}.redI{color:#ff5c43}.background{background:radial-gradient(ellipse 80% 60% at 60% 20%,rgba(175,109,255,.5),transparent 65%),radial-gradient(ellipse 70% 60% at 20% 80%,rgba(255,100,180,.45),transparent 65%),radial-gradient(ellipse 60% 50% at 60% 65%,rgba(63,112,245,.43),transparent 62%),radial-gradient(ellipse 65% 40% at 50% 60%,rgba(18,226,188,.48),transparent 68%),linear-gradient(180deg,#f7eaff,#fde2ea)}.screen{padding:0 1rem;width:100%}.loading{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;margin:auto}nav{display:flex;position:sticky;top:0;right:0;left:0;justify-content:space-between;padding:1rem;margin-bottom:4rem;z-index:1000;background:#ffffff3d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.3);overflow:hidden}nav:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent)}nav:after{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.8),transparent,rgba(255,255,255,.3))}.linksCont{display:flex;gap:2rem}a{text-decoration:none;color:var(--primary);cursor:pointer;transition:all .2s ease}a:hover{color:var(--primText)}.logout{background:none;border:none;color:var(--rgb);cursor:pointer}.big{font-size:clamp(1rem,2vw,1.5rem);font-weight:500}.mid{font-size:clamp(.5rem,1vw,2rem);font-weight:500}.hero-section{text-align:center;padding:3rem 0;background:var(--primary);color:#fff;border-radius:12px;margin-bottom:3rem}.hero-section h1{font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:1rem}.subtitle{font-size:clamp(1rem,2vw,1.2rem);opacity:.95}.security-info h2{text-align:center;font-size:clamp(1.5rem,3vw,2rem);margin:3rem 0 2rem;color:#333}.security-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.feature-card{padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.card{margin-top:3rem;margin-bottom:3rem}.card>.login-button{margin-top:3rem}.card>.red{margin-top:2rem}.userInfo{font-size:clamp(1rem,2vw,1.5rem)!important;color:var(--black)!important}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.feature-icon{font-size:clamp(2rem,5vw,3rem);margin-bottom:1rem}.feature-card h3{color:#667eea;margin-bottom:.5rem;font-size:clamp(1rem,2.5vw,1.3rem)}h4{font-weight:700;font-size:clamp(1.5rem,3vw,2rem);color:#667eea;margin-bottom:2rem}.feature-card p{color:#666;line-height:1.6;font-size:clamp(.875rem,1.5vw,1rem)}.tech-stack{background:#f8f9fa;padding:3rem;border-radius:12px;margin:3rem 0}.tech-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:2rem}.tech-column h3{color:#667eea;margin-bottom:1rem;font-size:clamp(1rem,2vw,1.2rem)}.tech-column ul{list-style:none;padding:0}.tech-column li{padding:.5rem 0;color:#555;border-bottom:1px solid #e0e0e0;font-size:clamp(.875rem,1.5vw,1rem)}.tech-column li:last-child{border-bottom:none}.cta-section{text-align:center;padding:3rem;background:var(--primary);color:#fff;border-radius:12px;margin:3rem 0}.cta-section h2{color:#fff;margin-bottom:1rem;font-size:clamp(1.5rem,3vw,2rem)}.cta-section p{font-size:clamp(1rem,2vw,1.1rem);margin-bottom:2rem}.cta-buttons{display:flex;gap:1rem;justify-content:center}.btn{padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:clamp(.875rem,1.5vw,1rem);transition:all .3s ease;display:inline-block}.btn-primary{background:#fff;color:#667eea}.btn-primary:hover{background:#f0f0f0;transform:scale(1.05)}.btn-secondary{background:#fff3;color:#fff;border:2px solid white}.btn-secondary:hover{background:#ffffff4d;transform:scale(1.05)}.disclaimer{background:#fff3cd;border-left:4px solid #ffc107;padding:1.5rem;border-radius:8px;margin-top:3rem}.disclaimer-red{background:#ffd9cd;border-left:4px solid #ff4d07;padding:1.5rem;border-radius:8px;margin-top:3rem}.disclaimer p{margin:0;color:#856404;font-size:clamp(.875rem,1.5vw,1rem)}@media(max-width:768px){.hero-section h1{font-size:clamp(1.3rem,5vw,1.8rem)}.security-features{grid-template-columns:1fr}.cta-buttons{flex-direction:column}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.red{background:var(--red);padding:14px;color:#fff;border:none;border-radius:8px;font-size:clamp(.938rem,2vw,1rem);font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.red:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #ea666666}.red:disabled{opacity:.6;cursor:not-allowed}.login-card{padding:40px;border-radius:12px;width:100%;max-width:420px}.glass-card{background:#ffffff1a;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border-radius:20px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80,inset 0 -1px #ffffff1a,inset 0 0 12px 6px #fff9;position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent)}.glass-card:after{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.8),transparent,rgba(255,255,255,.3))}.glass-card-b{background:#5574ffb2;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border-radius:20px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a,inset 0 1px #e7ebff7a,inset 0 -1px #ffffff1a,inset 0 0 12px 6px #b9c5fb7a;position:relative;overflow:hidden}.glass-card-b:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent)}.glass-card-b:after{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.8),transparent,rgba(255,255,255,.3))}.login-title{font-size:clamp(1.5rem,4vw,1.75rem);font-weight:700;color:var(--darkText);margin-bottom:8px;text-align:center}.login-subtitle{color:#666;text-align:center;margin-bottom:30px;font-size:clamp(.813rem,1.5vw,.875rem)}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:clamp(.813rem,1.5vw,.875rem);color:var(--darkText);font-weight:600}.form-group input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:clamp(.875rem,1.5vw,.938rem);transition:all .3s ease;outline:none}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.input-error{border-color:var(--red)}.error-message{color:var(--red);font-size:clamp(.75rem,1.5vw,.813rem);margin-top:-4px}.large{font-size:clamp(.875rem,2vw,1rem);font-weight:700;text-align:center}.login-button{padding:14px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:clamp(.938rem,2vw,1rem);font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.login-button:disabled{opacity:.6;cursor:not-allowed}.signup-link{text-align:center;color:#666;font-size:clamp(.813rem,1.5vw,.875rem);margin-top:10px}.signup-link span{color:#667eea;font-weight:600;cursor:pointer;transition:color .2s ease}.signup-link span:hover{color:#764ba2;text-decoration:underline}@media(max-width:480px){.login-card{padding:30px 20px}.login-title{font-size:clamp(1.3rem,5vw,1.5rem)}}@media(min-width:780px){nav{padding:1rem 5rem}.screen{padding:0 5rem}}