:root{--primary-orange: #ff7e00;--dark-background: #1c1c1c;--light-text: #f0f0f0;--accent-gray: #a0a0a0}*{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:var(--accent-gray) var(--dark-background)}html,body{overscroll-behavior-y:none;background-color:var(--dark-background);margin:0;padding:0}body{margin:0;padding:0;min-height:100vh;background-image:linear-gradient(#1c1c1ccc,#1c1c1ccc),url(https://img.freepik.com/free-vector/black-background-with-wavy-lines_52683-76524.jpg?semt=ais_hybrid&w=740&q=80);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:var(--light-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.App{text-align:center;position:relative}.main-content{position:relative;z-index:1}.navbar{background-color:#1c1c1cf2;color:var(--light-text);padding:1rem 4rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px #0006;position:sticky;top:0;z-index:1000}.navbar-brand{font-size:1.8rem;font-weight:800;color:var(--primary-orange);letter-spacing:1px}.nav-links{display:flex;gap:1.8rem;align-items:center}.nav-links a{color:var(--light-text);text-decoration:none;font-size:1.05rem;font-weight:500;padding:.25rem 0;position:relative}.nav-links a:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background-color:var(--primary-orange);transition:width .3s ease}.nav-links a:hover{color:var(--primary-orange)}.nav-links a:hover:after{width:100%}.login-button{background-color:var(--primary-orange);color:#000;padding:.6rem 1.25rem;border-radius:6px;font-weight:700;border:none;cursor:pointer;transition:background-color .2s,transform .1s;box-shadow:0 2px 4px #0003}.login-button:hover{background-color:#f93;transform:translateY(-1px)}.mobile-menu-button{display:none;background:none;border:none;color:var(--light-text);font-size:1.8rem;cursor:pointer;z-index:1001}.hero-section{height:90vh;display:flex;justify-content:center;align-items:center;padding:0 20px}.main-title{font-size:5rem;font-weight:900;margin:0;display:inline-flex;align-items:center;justify-content:center;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.8)}.orange-accent-dot{width:1.2rem;height:1.2rem;background-color:var(--primary-orange);border-radius:50%;margin-left:.5rem;transform:translateY(-.1em);box-shadow:0 0 15px var(--primary-orange)}.subtitle{font-size:1.4rem;font-weight:300;margin-top:1rem;color:var(--accent-gray)}.cta-button{margin-top:1rem;padding:1rem 2.5rem;font-size:1.1rem;background-color:var(--primary-orange);color:#fff;border:2px solid var(--primary-orange);text-shadow:2px 4px 6px rgba(0,0,0,.5);border-radius:8px;cursor:pointer;font-weight:700;transition:all .3s ease}.cta-button:hover{background-color:transparent;color:var(--primary-orange);transform:translateY(-2px)}.features-section{min-height:50vh;padding:5rem 2rem;display:flex;flex-direction:column;align-items:center}.features-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:15px;width:100%;max-width:600px}.features-list li{background-color:#df7000;border-radius:10px;font-size:1.2rem;font-weight:700;box-shadow:0 4px 8px #0000004d;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),background-color .2s,box-shadow .2s}.features-list li:hover{background-color:#ffa434;transform:translateY(-5px) scale(1.02);box-shadow:0 12px 20px #00000080,0 0 10px #ff7e0033}.features-list li a{color:#fff;text-decoration:none;display:block;padding:18px 25px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.app-footer{background-color:#111111e6;color:var(--accent-gray);padding:2rem 1rem}@media(max-width:768px){.navbar{padding:1rem 2rem}.mobile-menu-button{display:block}.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#0006;z-index:998}.nav-links{position:absolute;top:80px;right:20px;width:260px;background:#1e1e1ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;padding:20px;border-radius:24px;border:1px solid rgba(255,126,0,.3);box-shadow:0 10px 40px #000c,0 0 15px #ff7e001a;transform:translateY(-20px) scale(.95);opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:999;align-items:stretch;gap:10px}.nav-links.nav-open{transform:translateY(0) scale(1);opacity:1;pointer-events:all}.nav-links a,.nav-links .login-button{padding:15px 20px;border-radius:14px;text-align:left;width:100%;font-size:1.1rem;transition:background .2s;background:transparent;color:#fff;border:none;box-shadow:none}.nav-links a:hover,.nav-links .active-link{background:#ff7e0026;color:var(--primary-orange)}.nav-links a:after{display:none}.main-title{font-size:3.5rem}}