*{margin:0;padding:0;box-sizing:border-box}html{background:#0a0e27}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;display:flex;flex-direction:column;background:url("../img/jungle.webp") center center/cover no-repeat,#0a0e27;margin:0;position:relative}body::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(10,14,39,.7);z-index:0}.header{position:relative;z-index:10;padding:1.5rem 2rem;background:rgba(0,0,0,.3);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;cursor:pointer}.logo-emoji{width:2rem;height:2rem;filter:drop-shadow(0 2px 8px rgba(99, 102, 241, .5))}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#fff 0,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.nav{display:flex;gap:2rem;align-items:center}.nav a{color:rgba(255,255,255,.85);text-decoration:none;font-size:1rem;font-weight:500;transition:.3s;position:relative}.nav a::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(135deg,#6366f1 0,#a78bfa 100%);transition:width .3s}.nav a:hover{color:#fff}.nav a:hover::after{width:100%}.nav a.active{color:#fff}.nav a.active::after{width:100%}.login-btn{padding:.75rem 2rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#6366f1 0,#a78bfa 100%);border:none;border-radius:8px;cursor:pointer;transition:.3s;box-shadow:0 4px 15px rgba(99,102,241,.4);text-decoration:none;display:inline-block}.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,.6)}.login-btn:active{transform:translateY(0)}.container{text-align:center;position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;align-items:center;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:1rem 3rem;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:.3s;border:none}.btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0,#a78bfa 100%);box-shadow:0 8px 25px rgba(99,102,241,.4);text-decoration:none;display:inline-block}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(99,102,241,.6)}.btn-secondary{color:#fff;background:0 0;border:2px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);text-decoration:none;display:inline-block}.btn-secondary:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5);transform:translateY(-3px)}.hamburger{display:none;flex-direction:column;justify-content:center;gap:6px;background:0 0;border:none;cursor:pointer;padding:.5rem;z-index:1000;width:40px;height:40px}.hamburger span{width:25px;height:3px;background:#fff;border-radius:3px;transition:.3s;display:block;position:relative}.hamburger.active{gap:0}.hamburger.active span:first-child{transform:rotate(45deg);top:3px}.hamburger.active span:nth-child(2){opacity:0;transform:translateX(20px)}.hamburger.active span:nth-child(3){transform:rotate(-45deg);top:-3px}@media (max-width:768px){.header{padding:1rem 1.5rem}.logo-emoji{width:1.5rem;height:1.5rem}.logo-text{font-size:1.2rem}.hamburger{display:flex}.nav{position:fixed;top:0;right:-100%;width:70%;height:100vh;background:rgba(10,14,39,.98);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:right .3s;z-index:999;border-left:1px solid rgba(255,255,255,.1)}.nav.active{right:0}.nav a{font-size:1.5rem}.login-btn{padding:.6rem 1.5rem;font-size:.9rem}.cta-buttons{gap:1rem}.btn-primary,.btn-secondary{padding:.9rem 2.5rem;font-size:1rem}}@media (max-width:480px){.header{padding:1rem}.logo-emoji{width:1.25rem;height:1.25rem}.logo-text{font-size:1rem}.nav{width:80%}.nav a{font-size:1.3rem}.login-btn{padding:.5rem 1.2rem;font-size:.85rem}.cta-buttons{flex-direction:column;gap:1rem;width:100%;padding:0 1rem}.btn-primary,.btn-secondary{width:100%;padding:.85rem 2rem;font-size:.95rem}}