body,html{margin:0;padding:0;font-family:Segoe UI,sans-serif;background-color:#f2f2f2;color:#222;min-height:100vh}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;justify-content:space-between;align-items:center;background-color:#0f0f0fcc;color:#fff;padding:1rem 2rem;height:3.5rem;position:fixed;top:0;left:0;right:0;width:auto;z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.05);box-sizing:border-box}.header-logo{height:90px;filter:brightness(1000%);margin-right:0;margin-left:0}.header-nav a{color:#fff;margin:0 1rem;text-decoration:none;font-weight:500;transition:color .3s ease}.header-nav a:hover{color:#bbb}.login-button,.logout-button{background-color:transparent;border:1px solid #80d29d;color:#80d29d;padding:.4rem .8rem;border-radius:4px;cursor:pointer;transition:background-color .3s ease;letter-spacing:1px}.login-button:hover,.logout-button:hover{background-color:#64d86b1a}.spacer-div{height:10vh;background-color:#1a1a1a}.hero{position:relative;min-height:90vh;max-height:1500px;margin:0;display:flex;justify-content:center;align-items:center;text-align:center;padding-top:0;box-sizing:border-box;overflow:hidden;z-index:1;background:none}.hero-bg{position:absolute;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.hero:after{content:"";position:absolute;bottom:0;left:0;height:200px;width:100%;background:linear-gradient(to bottom,#0000,#1a1a1a);z-index:1;pointer-events:none}.hero-text{position:absolute;top:5%;left:50%;transform:translate(-50%);z-index:2;color:#fff;text-align:center;animation:fadeIn 1.2s ease-out;white-space:nowrap}.hero-title,.hero-subtitle{opacity:0;transform:translateY(20px);animation:fadeInUp 1s ease-out forwards}.hero-title{font-size:6rem;margin-bottom:0;letter-spacing:15px}.hero-subtitle{font-size:1.3rem;color:#ccc;letter-spacing:6px;font-weight:200}.dud{color:#888;font-style:italic}.hero-boxes{display:flex;gap:2rem;margin-top:18vh;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}.hero-box{background:#1f1f1f80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);padding:2rem;width:450px;border-radius:10px;color:#fff;transition:transform .8s ease,background-color .8s ease;display:flex;flex-direction:column;align-items:flex-start;position:relative;opacity:0;animation:fadeInUp 1.2s ease forwards}.hero-box:nth-child(1){animation-delay:.8s}.hero-box:nth-child(2){animation-delay:1.2s}.hero-box:hover{background-color:#1f1f1ffc;transform:translateY(-5px)}.hero-icon{font-size:2rem;margin-bottom:1rem}.hero-icon-img{width:48px;height:48px;object-fit:contain;margin-bottom:.5rem}.hero-box-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:#80d29d}.hero-box-desc{font-size:1rem;margin-bottom:1.5rem;line-height:1.9;color:#fff;text-align:left}.hero-box-arrow{color:#80d29d;font-size:3rem;font-weight:900;margin-top:.5rem;transition:transform .3s ease;align-self:flex-end}.hero-box-arrow:hover{transform:translate(5px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hero-boxes{flex-direction:column;align-items:center}.hero-box{width:90%;max-width:450px}.hero-text{top:10%}.hero-title{font-size:3rem;letter-spacing:8px}.hero-subtitle{font-size:1rem;letter-spacing:3px}}.site-footer{background-color:#0f0f0f;color:#bbb;padding-top:20px;padding-bottom:20px;font-size:.9rem;border-top:1px solid rgba(255,255,255,.05)}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;max-width:1200px;margin:0 auto}.footer-left p{margin:0;line-height:1.6}.footer-tagline{color:#80d29d;font-weight:500;margin-top:.25rem}.footer-right{display:flex;gap:1.5rem;align-items:center;margin-top:-20px}.footer-right a{color:#bbb;text-decoration:none;transition:color .3s ease}.footer-right a:hover,.footer-contact-right{color:#80d29d}.footer-contact-right span{color:#f2f2f2}@media (max-width: 768px){.footer-content{flex-direction:column;align-items:center;text-align:center}.footer-right{margin-top:1rem;flex-direction:column;gap:.5rem}.login-button{display:none}}.landing{height:50vh;display:flex;flex-direction:column;padding-top:var(--header-h);box-sizing:border-box}.hero{flex:1 1 auto;height:auto;min-height:0}.site-footer{flex:0 0 auto}@media (max-width: 768px){.landing{padding-top:var(--header-h)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background-color:#444;border-radius:4px}::-webkit-scrollbar-track{background:#1a1a1a}*{scrollbar-width:thin;scrollbar-color:#444 #1a1a1a}.login-form{display:flex;flex-direction:column}.login-panel input,.login-panel button{width:100%;padding:10px;margin-bottom:12px;border-radius:4px;box-sizing:border-box;font-size:15px}.login-panel input{background:#2c2c2c;color:#fff;border:1px solid #555}.login-panel input:focus{outline:none;border-color:#38a169}.login-panel button{background:#38a169;color:#fff;border:none;cursor:pointer;font-weight:600}.login-panel button:disabled{background:#555;cursor:not-allowed}.login-panel{position:fixed;top:70px;right:40px;width:350px;max-height:0;opacity:0;transform:translateY(-20px);overflow:hidden;background-color:#0f0f0fcc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:1px;padding:0;transition:opacity .4s ease,transform .4s ease,max-height .3s ease,padding .3s ease;box-shadow:0 4px 12px #00000026;z-index:1001;pointer-events:none}.login-panel.open{max-height:400px;padding:1.25rem;opacity:1;transform:translateY(0);pointer-events:auto}.login-panel h2,.login-panel h3{margin-top:0;margin-bottom:1rem;font-size:1.25rem;color:#64d86b;text-align:left}.login-panel input{width:100%;padding:.6rem;margin-bottom:1rem;background:#ffffff26;border:none;border-radius:6px;color:#fff}.login-panel input::placeholder{color:#ccc}.login-panel button{background-color:#64d86b;color:#fff;border:none;padding:.6rem;width:100%;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .3s ease;display:block;margin-top:1rem}.login-panel button:hover{background-color:#53be5a}.login-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#05050566;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .3s ease;z-index:1000}.login-backdrop.visible{opacity:1;visibility:visible}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.login-form.shake{animation:shake .3s ease-in-out}.login-error{color:#f87171;font-size:.9rem;margin-bottom:.75rem}.forgot-password{font-size:.85rem;color:#ccc;margin-top:.5rem;cursor:pointer;text-align:right}.login-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f0f0f99;display:flex;justify-content:center;align-items:center;z-index:2000;opacity:1;animation:fadeIn .3s ease-in-out}.login-modal{background:#1e1e1e;padding:30px 40px;border-radius:12px;box-shadow:0 8px 40px #0006;max-width:400px;width:90%;color:#fff;animation:scaleIn .3s ease-in-out}.login-modal h2{color:#64d86b;margin-bottom:1rem;font-size:1.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.login-panel .forgot-link{width:auto;background:transparent;border:0;padding:0;margin-top:8px;font-size:.8rem;color:#ccc;cursor:pointer;text-align:left}.login-modal input{width:100%;padding:.6rem;margin-bottom:1rem;background:#ffffff26;border:none;border-radius:6px;color:#fff;font-size:.95rem;box-sizing:border-box}.login-modal input::placeholder{color:#ccc}.login-modal input:focus{outline:none;border:1px solid #38a169}.login-modal .btn-secondary,.login-modal button[type=submit]{border-radius:6px;font-size:.7rem;font-size:.8rem;padding:.5rem .75rem;cursor:pointer}.login-modal .btn-secondary{background:#333;color:#fff;border:none;margin-right:.5rem}.login-modal .btn-secondary:hover{background:#333}.login-modal button[type=submit]{background-color:#64d86b;color:#fff;border:none}.login-modal button[type=submit]:hover{background-color:#64d86b}.login-hint{font-size:.8rem;margin-top:1rem;color:#ccc}.login-subtext{font-size:.8rem;color:#ccc}.login-success,.login-error{font-size:.8rem;margin-top:.5rem;color:#64d86b;margin-bottom:1rem}.ml-draw{stroke-dasharray:1000;stroke-dashoffset:1000;animation:ml-draw 2.6s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(255,255,255,.65))}@keyframes ml-draw{0%{stroke-dashoffset:1000}85%{stroke-dashoffset:0}to{stroke-dashoffset:0}}@media (max-width: 600px){.ml-draw{stroke-width:6!important}.ml-glow{stroke-width:10!important}}