.todo-item{justify-content:center;align-items:center;gap:10px;margin-top:20px;display:flex}.todo-item-list{flex-direction:column;align-items:center;gap:10px;margin-top:20px;display:flex}:root{--primary-teal:#00c2a8;--primary-blue:#2563eb;--accent-orange:#ff7a45;--accent-coral:#ff6b6b;--background-dark:#0b1220;--surface-dark:#131b2e;--surface-dark-light:#1a2336;--text-dark:#333;--text-light:#fff;--gray-light:#b8c4d9;--gray-medium:#6b7a99;--border-radius:30px;--card-radius:20px}html{scroll-behavior:smooth}body{background:var(--background-dark);margin:0;font-family:Inter,sans-serif}.footer-gradient-bg{background:linear-gradient(180deg, var(--primary-blue) 0%, var(--background-dark) 100%);text-align:center;color:#fff;padding:80px 20px}.App{width:100%;overflow-x:hidden}section{padding:40px 15px}.hero-wrapper{background:var(--background-dark);width:100%;height:100vh;position:relative;overflow:hidden}.hero-dark-bg{background:radial-gradient(circle at 20% 20%, #00c2a81f, transparent 45%), radial-gradient(circle at 80% 75%, #ff7a451f, transparent 45%), linear-gradient(160deg, var(--background-dark) 0%, var(--surface-dark) 100%);position:absolute;inset:0}.hero-glow{filter:blur(80px);opacity:.5;border-radius:50%;position:absolute}.hero-glow-teal{background:var(--primary-teal);width:420px;height:420px;top:-100px;left:-100px}.hero-glow-orange{background:var(--accent-orange);width:380px;height:380px;bottom:-120px;right:-100px}.nav-glass{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#131b2ecc;border:1px solid #ffffff14;border-radius:50px;gap:5px;padding:10px 23px;display:flex;position:fixed;top:30px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000059}.nav-btn{cursor:pointer;color:var(--gray-light);background:0 0;border:none;padding:10px 20px;font-size:16px;font-weight:500}.nav-btn.active{background:var(--primary-teal);color:var(--background-dark);border-radius:30px}.hero-content{text-align:center;z-index:40;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-wrap{justify-content:center;align-items:center;margin-bottom:20px;display:flex}.drift-logo-img{border-radius:50%;width:140px;height:140px;box-shadow:0 10px 40px #00c2a84d}.drift-title{color:var(--text-light);background:linear-gradient(90deg, var(--primary-teal), var(--accent-orange));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:80px;font-weight:900;line-height:1}.tagline{color:var(--gray-light);margin:20px 0 40px;font-size:20px;font-weight:600}.search-bar-pill{pointer-events:all;background:var(--surface-dark-light);border:1px solid #ffffff14;border-radius:50px;align-items:center;max-width:650px;margin:0 auto;padding:8px 8px 8px 25px;display:flex;box-shadow:0 10px 30px #0006}.search-bar-pill input{color:var(--text-light);background:0 0;border:none;outline:none;flex:1;padding:0 10px;font-size:1rem}.discover-button{background:linear-gradient(90deg, var(--primary-teal), var(--primary-blue));color:#fff;cursor:pointer;border:none;border-radius:40px;padding:15px 40px;font-weight:700}@media (width<=600px){.drift-title{font-size:48px}.drift-logo-img{width:100px;height:100px}.search-bar-pill{max-width:90%;padding:8px 15px}.discover-button{padding:12px 30px;font-size:.5rem}.search-bar-pill input{font-size:.6rem}.nav-btn{padding:8px 15px;font-size:.7rem}.nav-glass{top:20px}}.about-wrapper{background:linear-gradient(160deg, var(--background-dark) 0%, var(--surface-dark) 100%);color:#fff;text-align:center;min-height:100vh;padding:100px 10%}.about-header h1{margin-bottom:10px;font-size:3rem}.about-header p{opacity:.7;color:var(--gray-light);margin-bottom:50px}.about-container{flex-direction:column;gap:30px;max-width:1100px;margin:0 auto;display:flex}.about-card{background:var(--surface-dark-light);color:var(--text-light);text-align:left;border:1px solid #ffffff0f;border-radius:25px;padding:40px;box-shadow:0 10px 30px #00000059}.story-section h2,.cta-section h2{color:var(--primary-teal);margin-bottom:20px}.story-section p{color:var(--gray-light);margin-bottom:15px;line-height:1.8}.values-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.value-item h3{color:var(--text-light);margin:15px 0 10px}.value-item p{color:var(--gray-light);font-size:.9rem;line-height:1.5}.value-icon{color:var(--primary-teal);font-size:1.5rem}.our-story{font-size:40px}.story-text{font-size:18px;line-height:1.8}.about-sec{color:var(--text-light);font-size:25px}.about-p{color:var(--gray-light);font-size:18px;line-height:26px}@media (width<=768px){.about-wrapper{padding:80px 20px}.about-header h1{font-size:2rem}.about-header p{font-size:.95rem}.about-card{border-radius:18px;padding:20px}.our-story{font-size:28px}.story-text{font-size:15px;line-height:1.6}.values-grid{grid-template-columns:1fr;gap:15px}.about-sec{font-size:20px}.about-p{font-size:15px;line-height:1.6}}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(40px)}.reveal-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.faq-wrapper{background:linear-gradient(160deg, var(--background-dark) 0%, var(--surface-dark) 100%);color:#fff;text-align:center;min-height:100vh;padding:120px 20px 80px}.faq-header h1{margin-bottom:10px;font-size:2.5rem}.faq-header p{opacity:.7;color:var(--gray-light);margin-bottom:40px}.faq-container{flex-direction:column;gap:15px;max-width:700px;margin:0 auto;display:flex}.faq-item{background:var(--surface-dark-light);color:var(--text-light);text-align:left;border:1px solid #ffffff0f;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 4px 15px #00000059}.faq-question{cursor:pointer;justify-content:space-between;align-items:center;padding:20px 25px;font-size:20px;font-weight:600;list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-question .arrow{color:var(--primary-teal);font-size:.8rem;transition:transform .3s}.faq-answer{color:var(--gray-light);border-top:1px solid #ffffff14;padding:15px 25px 20px;line-height:1.6}.faq-item[open] .arrow{transform:rotate(180deg)}.faq-footer{margin-top:50px}.btn-contact{background:linear-gradient(90deg, var(--accent-orange) 0%, var(--accent-coral) 100%);color:#fff;cursor:pointer;border:none;border-radius:40px;margin-top:15px;padding:15px 40px;font-size:20px;font-weight:700;text-decoration:none;transition:transform .2s;display:inline-block;box-shadow:0 5px 15px #0000004d}.btn-contact:hover{color:#fff;transform:scale(1.05)}@media (width<=600px){.faq-container{width:95%;margin:0 auto}.faq-question{padding:15px;font-size:.9rem}.faq-header h1{font-size:1.8rem}}.main-footer{width:100%}.cta-gradient{background:linear-gradient(135deg, var(--primary-teal) 0%, var(--primary-blue) 100%);text-align:center;color:#fff;padding:100px 20px;position:relative;overflow:hidden}.cta-gradient:before{content:"";pointer-events:none;background-image:radial-gradient(#ffffff1a 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.cta-content{z-index:1;position:relative}.cta-content h2{margin-bottom:15px;font-size:2.8rem}.cta-content p{opacity:.9;margin-bottom:35px;font-size:1.1rem}.btn-journey-gold{background:linear-gradient(90deg, var(--accent-orange) 0%, var(--accent-coral) 100%);color:#fff;cursor:pointer;border:none;border-radius:40px;padding:18px 45px;font-size:1.1rem;font-weight:800;transition:transform .2s;box-shadow:0 5px 20px #0000004d}.btn-journey-gold:hover{transform:scale(1.05)}
