:root{--brand-primary:#5f56fe;--brand-primary-light:#eeecff;--brand-primary-medium:#d4d0ff;--brand-primary-dark:#4840c7;--text-dark:#0f0f0f;--text-gray:#64748b;--text-light:#717171;--card-1-color:139,92,246;--card-2-color:34,197,94;--card-3-color:234,179,8;--card-4-color:99,102,241;--card-5-color:249,115,22;--card-6-color:6,182,212;--bg-white:#fff;--bg-off-white:#fafafa;--border-light:rgba(95,86,254,.08)}.features-section{padding:7rem 2rem;background:var(--bg-white)}.features-container{max-width:1100px;margin:0 auto}.features-header{text-align:center;margin-bottom:3.5rem}.features-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1rem;background:var(--brand-primary-light);border-radius:50px;font-size:.75rem;font-weight:700;color:var(--brand-primary);margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:.04em}.features-tag:before{content:"✨";font-size:.9rem}.features-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--text-dark);line-height:1.2;letter-spacing:-.02em}.features-subtitle{font-size:1.05rem;color:var(--text-light);max-width:550px;margin:0 auto;line-height:1.7}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:240px 380px 240px;grid-gap:1.25rem;gap:1.25rem}.card{border-radius:22px!important;padding:0;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;cursor:pointer;background:var(--bg-white);border:1px solid var(--border-light);opacity:0}.card-1{animation-delay:.1s;grid-column:1;grid-row:1}.card-2{animation-delay:.2s;grid-column:1;grid-row:2/4}.card-3{animation-delay:.3s;grid-column:2;grid-row:1/3}.card-4{animation-delay:.4s;grid-column:2/4;grid-row:3}.card-5{animation-delay:.5s;grid-column:3;grid-row:2}.card-6{animation-delay:.6s;grid-column:3;grid-row:1}.card-visual{flex:1 1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:2}.card-visual:before{z-index:0}.card-visual:after,.card-visual:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .5s ease;pointer-events:none}.card-visual:after{z-index:1}.card.card-1{border-color:rgba(var(--card-1-color),.15);background:linear-gradient(135deg,rgba(var(--card-1-color),.02) 0,#fff 50%,rgba(var(--card-1-color),.015) 100%)}.card.card-1 .card-visual:before{background:radial-gradient(ellipse at 30% 20%,rgba(var(--card-1-color),.04) 0,transparent 60%);opacity:1}.card.card-1 .card-visual:after{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3' cy='3' r='1' fill='%238b5cf6' fill-opacity='0.04'/%3E%3Ccircle cx='15' cy='3' r='0.5' fill='%238b5cf6' fill-opacity='0.03'/%3E%3Ccircle cx='3' cy='15' r='0.5' fill='%238b5cf6' fill-opacity='0.03'/%3E%3Ccircle cx='15' cy='15' r='1' fill='%238b5cf6' fill-opacity='0.04'/%3E%3C/svg%3E");opacity:1}.card.card-1:hover{border-color:rgba(var(--card-1-color),.35);transform:translateY(-6px);box-shadow:0 20px 50px rgba(var(--card-1-color),.12),0 0 0 1px rgba(var(--card-1-color),.05)}.card.card-1:hover .card-visual:before{opacity:1;background:radial-gradient(ellipse at 30% 20%,rgba(var(--card-1-color),.08) 0,transparent 60%)}.card.card-1:hover .card-visual:after{opacity:1;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3' cy='3' r='1' fill='%238b5cf6' fill-opacity='0.07'/%3E%3Ccircle cx='15' cy='3' r='0.5' fill='%238b5cf6' fill-opacity='0.05'/%3E%3Ccircle cx='3' cy='15' r='0.5' fill='%238b5cf6' fill-opacity='0.05'/%3E%3Ccircle cx='15' cy='15' r='1' fill='%238b5cf6' fill-opacity='0.07'/%3E%3C/svg%3E")}.card.card-2{border-color:rgba(var(--card-2-color),.15);background:linear-gradient(135deg,rgba(var(--card-2-color),.02) 0,#fff 50%,rgba(var(--card-2-color),.015) 100%)}.card.card-2 .card-visual:before{background:radial-gradient(ellipse at 70% 30%,rgba(var(--card-2-color),.05) 0,transparent 55%);opacity:1}.card.card-2 .card-visual:after{background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1l2 2-2 2-2-2 2-2zm0 12l2 2-2 2-2-2 2-2z' fill='%2322c55e' fill-opacity='0.07'/%3E%3Cpath d='M3 7l2 2-2 2-2-2 2-2zm12 0l2 2-2 2-2-2 2-2z' fill='%2322c55e' fill-opacity='0.05'/%3E%3C/svg%3E");opacity:1}.card.card-2:hover{border-color:rgba(var(--card-2-color),.35);transform:translateY(-6px);box-shadow:0 20px 50px rgba(var(--card-2-color),.1),0 0 0 1px rgba(var(--card-2-color),.05)}.card.card-2:hover .card-visual:before{background:radial-gradient(ellipse at 70% 30%,rgba(var(--card-2-color),.1) 0,transparent 55%)}.card.card-2:hover .card-visual:after{background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1l2 2-2 2-2-2 2-2zm0 12l2 2-2 2-2-2 2-2z' fill='%2322c55e' fill-opacity='0.12'/%3E%3Cpath d='M3 7l2 2-2 2-2-2 2-2zm12 0l2 2-2 2-2-2 2-2z' fill='%2322c55e' fill-opacity='0.08'/%3E%3C/svg%3E")}.card.card-3{border-color:rgba(var(--card-3-color),.15);background:linear-gradient(135deg,rgba(var(--card-3-color),.018) 0,#fff 50%,rgba(var(--card-3-color),.012) 100%)}.card.card-3 .card-visual:before{background:radial-gradient(ellipse at 50% 40%,rgba(var(--card-3-color),.06) 0,transparent 50%);opacity:1}.card.card-3 .card-visual:after{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='1.5' fill='%23eab308' fill-opacity='0.08'/%3E%3Ccircle cx='20' cy='8' r='1' fill='%23eab308' fill-opacity='0.06'/%3E%3Ccircle cx='12' cy='18' r='1.2' fill='%23eab308' fill-opacity='0.07'/%3E%3Ccircle cx='8' cy='12' r='0.8' fill='%23eab308' fill-opacity='0.05'/%3E%3Ccircle cx='18' cy='20' r='0.6' fill='%23eab308' fill-opacity='0.05'/%3E%3C/svg%3E");opacity:1}.card.card-3:hover{border-color:rgba(var(--card-3-color),.35);transform:translateY(-6px);box-shadow:0 20px 50px rgba(var(--card-3-color),.1),0 0 0 1px rgba(var(--card-3-color),.05)}.card.card-3:hover .card-visual:before{background:radial-gradient(ellipse at 50% 40%,rgba(var(--card-3-color),.12) 0,transparent 50%)}.card.card-3:hover .card-visual:after{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='1.5' fill='%23eab308' fill-opacity='0.14'/%3E%3Ccircle cx='20' cy='8' r='1' fill='%23eab308' fill-opacity='0.1'/%3E%3Ccircle cx='12' cy='18' r='1.2' fill='%23eab308' fill-opacity='0.12'/%3E%3Ccircle cx='8' cy='12' r='0.8' fill='%23eab308' fill-opacity='0.08'/%3E%3Ccircle cx='18' cy='20' r='0.6' fill='%23eab308' fill-opacity='0.08'/%3E%3C/svg%3E")}.card.card-4{border-color:rgba(var(--card-4-color),.15);background:linear-gradient(135deg,rgba(var(--card-4-color),.02) 0,#fff 50%,rgba(var(--card-4-color),.015) 100%)}.card.card-4 .card-visual:before{background:radial-gradient(ellipse at 20% 50%,rgba(var(--card-4-color),.05) 0,transparent 45%),radial-gradient(ellipse at 80% 50%,rgba(var(--card-4-color),.04) 0,transparent 45%);opacity:1}.card.card-4 .card-visual:after{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2' cy='2' r='1' fill='%236366f1' fill-opacity='0.08'/%3E%3Ccircle cx='12' cy='2' r='0.5' fill='%236366f1' fill-opacity='0.05'/%3E%3Ccircle cx='2' cy='12' r='0.5' fill='%236366f1' fill-opacity='0.05'/%3E%3Ccircle cx='12' cy='12' r='1' fill='%236366f1' fill-opacity='0.08'/%3E%3C/svg%3E");opacity:1}.card.card-4:hover{border-color:rgba(var(--card-4-color),.35);transform:translateY(-6px);box-shadow:0 20px 50px rgba(var(--card-4-color),.1),0 0 0 1px rgba(var(--card-4-color),.05)}.card.card-4:hover .card-visual:before{background:radial-gradient(ellipse at 20% 50%,rgba(var(--card-4-color),.1) 0,transparent 45%),radial-gradient(ellipse at 80% 50%,rgba(var(--card-4-color),.08) 0,transparent 45%)}.card.card-4:hover .card-visual:after{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2' cy='2' r='1' fill='%236366f1' fill-opacity='0.12'/%3E%3Ccircle cx='12' cy='2' r='0.5' fill='%236366f1' fill-opacity='0.08'/%3E%3Ccircle cx='2' cy='12' r='0.5' fill='%236366f1' fill-opacity='0.08'/%3E%3Ccircle cx='12' cy='12' r='1' fill='%236366f1' fill-opacity='0.12'/%3E%3C/svg%3E")}.card.card-5{border-color:rgba(var(--card-5-color),.15);background:linear-gradient(135deg,rgba(var(--card-5-color),.018) 0,#fff 50%,rgba(var(--card-5-color),.012) 100%)}.card.card-5 .card-visual:before{background:radial-gradient(ellipse at 50% 60%,rgba(var(--card-5-color),.06) 0,transparent 50%);opacity:1}.card.card-5 .card-visual:after{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='5' r='2.5' fill='none' stroke='%23f97316' stroke-width='0.8' stroke-opacity='0.08'/%3E%3Ccircle cx='15' cy='15' r='2' fill='none' stroke='%23f97316' stroke-width='0.6' stroke-opacity='0.06'/%3E%3Ccircle cx='15' cy='5' r='1' fill='%23f97316' fill-opacity='0.05'/%3E%3C/svg%3E");opacity:1}.card.card-5:hover{border-color:rgba(var(--card-5-color),.35);transform:translateY(-6px);box-shadow:0 20px 50px rgba(var(--card-5-color),.1),0 0 0 1px rgba(var(--card-5-color),.05)}.card.card-5:hover .card-visual:before{background:radial-gradient(ellipse at 50% 60%,rgba(var(--card-5-color),.12) 0,transparent 50%)}.card.card-5:hover .card-visual:after{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='5' r='2.5' fill='none' stroke='%23f97316' stroke-width='0.8' stroke-opacity='0.14'/%3E%3Ccircle cx='15' cy='15' r='2' fill='none' stroke='%23f97316' stroke-width='0.6' stroke-opacity='0.1'/%3E%3Ccircle cx='15' cy='5' r='1' fill='%23f97316' fill-opacity='0.08'/%3E%3C/svg%3E")}.card.card-6{border-color:rgba(var(--card-6-color),.15);background:linear-gradient(135deg,rgba(var(--card-6-color),.02) 0,#fff 50%,rgba(var(--card-6-color),.015) 100%)}.card.card-6 .card-visual:before{background:radial-gradient(ellipse at 60% 30%,rgba(var(--card-6-color),.06) 0,transparent 55%);opacity:1}.card.card-6 .card-visual:after{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='2' y1='2' x2='6' y2='2' stroke='%2306b6d4' stroke-width='1.2' stroke-opacity='0.08' stroke-linecap='round'/%3E%3Cline x1='10' y1='8' x2='14' y2='8' stroke='%2306b6d4' stroke-width='1' stroke-opacity='0.06' stroke-linecap='round'/%3E%3Cline x1='4' y1='14' x2='8' y2='14' stroke='%2306b6d4' stroke-width='0.8' stroke-opacity='0.05' stroke-linecap='round'/%3E%3C/svg%3E");opacity:1}.card.card-6:hover{border-color:rgba(var(--card-6-color),.35);transform:translateY(-6px);box-shadow:0 20px 50px rgba(var(--card-6-color),.1),0 0 0 1px rgba(var(--card-6-color),.05)}.card.card-6:hover .card-visual:before{background:radial-gradient(ellipse at 60% 30%,rgba(var(--card-6-color),.12) 0,transparent 55%)}.card.card-6:hover .card-visual:after{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='2' y1='2' x2='6' y2='2' stroke='%2306b6d4' stroke-width='1.2' stroke-opacity='0.14' stroke-linecap='round'/%3E%3Cline x1='10' y1='8' x2='14' y2='8' stroke='%2306b6d4' stroke-width='1' stroke-opacity='0.1' stroke-linecap='round'/%3E%3Cline x1='4' y1='14' x2='8' y2='14' stroke='%2306b6d4' stroke-width='0.8' stroke-opacity='0.08' stroke-linecap='round'/%3E%3C/svg%3E")}.card-content{padding:1.25rem 1.5rem;min-height:100px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;background:var(--bg-off-white);border-top:1px solid var(--border-light);margin:0;border-radius:0 0 22px 22px}.card-title{font-size:1rem;font-weight:700;color:var(--text-dark);margin-bottom:.35rem;line-height:1.3}.card-description{font-size:.85rem;color:var(--text-light);line-height:1.55}.brain-icon{width:80px;height:80px;position:relative;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(139,92,246,.25));z-index:10}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-12px) rotate(-3deg)}66%{transform:translateY(-6px) rotate(3deg)}}.brain-icon:before{content:"🧠";font-size:4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sparkles{position:absolute;width:100%;height:100%;z-index:5}.sparkle{position:absolute;width:8px;height:8px;background:rgba(139,92,246,.6);border-radius:50%;animation:sparkle 2s ease-in-out infinite}.sparkle:first-child{top:20%;left:20%;animation-delay:0s}.sparkle:nth-child(2){top:30%;right:25%;animation-delay:.5s}.sparkle:nth-child(3){bottom:30%;left:30%;animation-delay:1s}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1.5) rotate(180deg)}}.adaptive-grid{display:grid;grid-template-columns:repeat(2,80px);grid-gap:20px;gap:20px;z-index:10}.test-box{width:80px;height:80px;background:hsla(0,0%,100%,.9);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;border:2px solid rgba(34,197,94,.2);animation:pulseBox 2s ease-in-out infinite;box-shadow:0 2px 8px rgba(34,197,94,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.test-box:first-child{animation-delay:0s}.test-box:nth-child(2){animation-delay:.3s}.test-box:nth-child(3){animation-delay:.6s}.test-box:nth-child(4){animation-delay:.9s}@keyframes pulseBox{0%,to{transform:scale(1);box-shadow:0 2px 8px rgba(34,197,94,.08)}50%{transform:scale(1.05);box-shadow:0 6px 20px rgba(34,197,94,.15)}}.learning-path{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center;z-index:10}.path-container{position:relative;width:160px;height:160px}.bento-path-point{position:absolute;width:24px;height:24px;background:rgba(234,179,8,.85);border:3px solid hsla(0,0%,100%,.95);border-radius:50%;animation:bentoPathPulse 2s ease-in-out infinite;box-shadow:0 2px 8px rgba(234,179,8,.3)}.bento-path-point:first-child{top:10%;left:50%;animation-delay:0s;transform:translateX(-50%)}.bento-path-point:nth-child(2){top:35%;left:75%;animation-delay:.4s}.bento-path-point:nth-child(3){top:60%;left:70%;animation-delay:.8s}.bento-path-point:nth-child(4){bottom:15%;left:50%;animation-delay:1.2s;transform:translateX(-50%)}@keyframes bentoPathPulse{0%,to{box-shadow:0 0 0 0 rgba(234,179,8,.5)}50%{box-shadow:0 0 0 10px rgba(234,179,8,0)}}.bento-compass-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;animation:rotate 8s linear infinite;filter:drop-shadow(0 4px 12px rgba(234,179,8,.25))}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.checklist{flex-direction:row;gap:12px;padding:0 20px;justify-content:center;flex-wrap:nowrap;z-index:10}.check-item,.checklist{display:flex;align-items:center}.check-item{gap:10px;padding:10px 16px;background:hsla(0,0%,100%,.9);border-radius:12px;font-size:.85rem;color:var(--text-dark);font-weight:500;white-space:nowrap;transition:all .3s ease;animation:checkItemFloat 3s ease-in-out infinite;border:1px solid rgba(99,102,241,.15);box-shadow:0 2px 8px rgba(99,102,241,.06);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.check-item:first-child{animation-delay:0s}.check-item:nth-child(2){animation-delay:.3s}.check-item:nth-child(3){animation-delay:.6s}@keyframes checkItemFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.02)}}.check-item:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(99,102,241,.12);border-color:rgba(99,102,241,.3)}.check-icon{width:28px;height:28px;border-radius:50%;font-size:1.2rem;flex-shrink:0}.check-icon,.trophy-container{display:flex;align-items:center;justify-content:center}.trophy-container{position:relative;width:180px;height:180px;z-index:10}.trophy{font-size:3.8rem;position:relative;z-index:2;animation:bounceConstrained 2.5s ease-in-out infinite;filter:drop-shadow(0 6px 12px rgba(249,115,22,.3))}@keyframes bounceConstrained{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.03)}}.progress-ring-bento{position:absolute;width:120px;height:120px;border:5px solid rgba(249,115,22,.15);border-top-color:rgba(249,115,22,.8);border-radius:50%;animation:spin 3s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.achievement-burst{position:absolute;width:140px;height:140px;opacity:.25}.burst-ray{position:absolute;top:50%;left:50%;width:2px;height:40px;background:linear-gradient(180deg,rgba(249,115,22,.6),transparent);transform-origin:center 0;animation:rayPulse 2s ease-in-out infinite}.burst-ray:first-child{transform:translate(-50%) rotate(0deg);animation-delay:0s}.burst-ray:nth-child(2){transform:translate(-50%) rotate(45deg);animation-delay:.2s}.burst-ray:nth-child(3){transform:translate(-50%) rotate(90deg);animation-delay:.4s}.burst-ray:nth-child(4){transform:translate(-50%) rotate(135deg);animation-delay:.6s}.burst-ray:nth-child(5){transform:translate(-50%) rotate(180deg);animation-delay:.8s}.burst-ray:nth-child(6){transform:translate(-50%) rotate(225deg);animation-delay:1s}.burst-ray:nth-child(7){transform:translate(-50%) rotate(270deg);animation-delay:1.2s}.burst-ray:nth-child(8){transform:translate(-50%) rotate(315deg);animation-delay:1.4s}@keyframes rayPulse{0%,to{opacity:.25}50%{opacity:.6}}.bento-modes-grid{display:grid;grid-template-columns:repeat(2,48px);grid-gap:12px;gap:12px;padding:10px;z-index:10}.mode-box{width:48px;height:48px;background:hsla(0,0%,100%,.9);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;border:2px solid rgba(6,182,212,.2);animation:modeFloat 2s ease-in-out infinite;box-shadow:0 2px 8px rgba(6,182,212,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mode-box:first-child{animation-delay:0s}.mode-box:nth-child(2){animation-delay:.2s}.mode-box:nth-child(3){animation-delay:.4s}.mode-box:nth-child(4){animation-delay:.6s}@keyframes modeFloat{0%,to{transform:translateY(0);box-shadow:0 2px 8px rgba(6,182,212,.08)}50%{transform:translateY(-5px);box-shadow:0 6px 16px rgba(6,182,212,.15)}}@media (max-width:1023px){.bento-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:1.25rem}.card-1{grid-column:1;grid-row:1;min-height:280px}.card-2{grid-column:1;grid-row:2;min-height:360px}.card-3{grid-column:2;grid-row:1/3;min-height:auto}.card-4{grid-column:1/3;grid-row:3;min-height:280px}.card-5{grid-column:1;grid-row:4;min-height:340px}.card-6{grid-column:2;grid-row:4;min-height:280px}}@media (max-width:767px){.features-section{padding:4rem 1.5rem}.features-title{font-size:1.8rem}.bento-grid{grid-template-columns:1fr;gap:1.5rem}.card-1,.card-2,.card-3,.card-4,.card-5,.card-6{grid-column:1!important;grid-row:auto!important}.card-1,.card-4,.card-6{min-height:280px}.card-2,.card-3,.card-5{min-height:340px}.checklist{flex-wrap:wrap;gap:8px}.check-item{font-size:.8rem;padding:8px 14px}}.faq-section{padding:4rem 1.5rem;background:var(--bg-off-white)}.faq-container{width:100%;max-width:1100px;margin:0 auto}.faq-question,.faq-title{font-weight:700}.faq-header{text-align:center;margin-bottom:2.5rem}.faq-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1rem;background:var(--brand-primary-light);border-radius:50px;font-size:.75rem;font-weight:700;color:var(--brand-primary);margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:.04em}.faq-tag:before{content:"❓";font-size:.9rem}.faq-title{font-size:30px;color:var(--text-dark);line-height:1.2;letter-spacing:-.02em}.faq-subtitle{font-size:1rem;color:var(--text-light);max-width:500px;margin:0 auto;line-height:1.7}.faq-list{display:flex;flex-direction:column;gap:.9rem}.stagger-children>*{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.stagger-children.active>*{transition-delay:.1s;opacity:1;transform:translateY(0)}.faq-item{background:var(--bg-white);border:1px solid var(--border-light);border-radius:14px;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:rgba(95,86,254,.15)}.faq-item.active{border-color:var(--brand-primary);box-shadow:0 4px 20px rgba(95,86,254,.08)}.faq-question{width:100%;padding:16px;background:none;border:none;text-align:left;font-size:16px;color:var(--text-dark);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:color .3s ease}.faq-question:hover{color:var(--brand-primary)}.faq-item.active .faq-question{background:#eeecff}.faq-icon{width:22px;height:22px;border-radius:50%;background:var(--brand-primary-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.faq-icon svg{width:12px;height:12px;stroke:var(--brand-primary);transition:transform .3s ease}.faq-item.active .faq-icon{background:var(--brand-primary)}.faq-item.active .faq-icon svg{stroke:#fff;transform:rotate(180deg)}.faq-answer{max-height:0;overflow-x:hidden;overflow-y:auto;transition:max-height .4s ease}.faq-answer.active{max-height:300px}.faq-answer-content{padding:16px;color:var(--text-light);line-height:1.7;font-size:15px}@media (min-width:576px){.faq-title{font-size:34px}.faq-question,.faq-subtitle{font-size:17px}.faq-question{padding:16px 20px}.faq-answer-content{font-size:16px;padding:16px 20px 20px}}@media (min-width:768px){.faq-section{padding:7rem 2rem}}@media (min-width:992px){.faq-title{font-size:38px}.faq-question{font-size:18px;padding:20px 24px}.faq-answer-content{font-size:17px;padding:20px 24px 24px}.faq-icon{width:24px;height:24px}.faq-icon svg{width:15px;height:15px}}@media (min-width:1400px){.faq-title{font-size:42px}.faq-subtitle{font-size:18px}}