.page-hero{position:relative;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 50%,#1a1a2e 100%);padding:80px 0 60px;overflow:hidden}.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(67,97,238,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(53,216,172,.07) 0%,transparent 50%);pointer-events:none}.page-hero .container{position:relative;z-index:2}.page-hero h1{font-size:2.75rem;font-weight:700;color:#fff;margin:0 0 16px;line-height:1.2}.page-hero .accent-text{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-hero .hero-description{font-size:1.125rem;color:rgba(255,255,255,.7);max-width:700px;margin:0 auto;line-height:1.8}.about-container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.about-features{background:var(--bg-body);padding:var(--space-section) 0}.about-features .features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.about-features .feature-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:36px 32px;box-shadow:var(--shadow-md);position:relative;overflow:hidden;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease,box-shadow .3s ease}.about-features .feature-card.animate{opacity:1;transform:translateY(0)}.about-features .feature-card:hover{box-shadow:var(--shadow-xl)}.about-features .feature-icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px;background:linear-gradient(135deg,var(--brand-primary-light),#dde5ff);color:var(--brand-primary)}.about-features .feature-card h3{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin:0 0 12px;line-height:1.4}.about-features .feature-card p{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin:0}.about-story{background:var(--bg-card);padding:var(--space-section) 0}.about-story .story-content{max-width:760px;margin:0 auto}.about-story .story-content h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 32px;text-align:center}.about-story .story-content h2 .accent-text{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-story .story-content p{font-size:1rem;color:var(--text-secondary);line-height:1.8;margin:0 0 20px}.about-premium{background:var(--neutral-100);padding:var(--space-section) 0}.about-premium .premium-content{max-width:720px;margin:0 auto;text-align:center}.about-premium h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 20px}.about-premium p{font-size:1rem;color:var(--text-secondary);line-height:1.8;margin:0 0 24px}.about-premium .btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:var(--radius-full);font-family:'Rubik',sans-serif;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all var(--transition-base)}.about-premium .btn-primary{background:linear-gradient(135deg,var(--brand-secondary),#2bc49a);color:#fff;box-shadow:0 4px 15px rgba(53,216,172,.35)}.about-premium .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(53,216,172,.45)}.about-cta{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);text-align:center;padding:80px 0;position:relative;overflow:hidden}.about-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 80%,rgba(53,216,172,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.about-cta .container{position:relative;z-index:1}.about-cta h2{font-size:2rem;font-weight:700;color:#fff;margin:0 0 16px}.about-cta p{font-size:1.125rem;color:rgba(255,255,255,.85);margin:0 0 32px}.about-cta .btn-white{display:inline-flex;align-items:center;gap:8px;padding:16px 36px;border-radius:var(--radius-full);font-family:'Rubik',sans-serif;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all var(--transition-base);background:#fff;color:var(--brand-primary);box-shadow:0 4px 20px rgba(0,0,0,.15)}.about-cta .btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.2)}.contact-modal{display:none;position:fixed;z-index:1000;left:0;html.dark-mode .contact-modal .modal-wrapper,body.dark-mode .contact-modal .modal-wrapper{background:#18202b}html.dark-mode .contact-modal .modal-header,body.dark-mode .contact-modal .modal-header{background:#222c3a}html.dark-mode .contact-modal .modal-header h2,body.dark-mode .contact-modal .modal-header h2{color:#e6edf3}html.dark-mode .contact-modal .form-group label,body.dark-mode .contact-modal .form-group label{color:#a8b3c2}html.dark-mode .contact-modal .form-group input,body.dark-mode .contact-modal .form-group input,html.dark-mode .contact-modal .form-group textarea,body.dark-mode .contact-modal .form-group textarea{background:#222c3a;border-color:#2f3b4d;color:#e6edf3}html.dark-mode .contact-modal .form-group input:focus,body.dark-mode .contact-modal .form-group input:focus,html.dark-mode .contact-modal .form-group textarea:focus,body.dark-mode .contact-modal .form-group textarea:focus{border-color:#6ea8fe;background:#222c3a}html.dark-mode .contact-modal .submit-btn,body.dark-mode .contact-modal .submit-btn{background:#2a3f63}html.dark-mode .contact-modal .submit-btn:hover,body.dark-mode .contact-modal .submit-btn:hover{background:#3a4f73}top:0;width:100%;height:100%;background-color:rgba(0,0,0,.55);align-items:center;justify-content:center}.contact-modal.open{display:flex}.contact-modal .modal-wrapper{background:#fff;width:92%;max-width:420px;border-radius:0;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden}.contact-modal .modal-header{background:#1e293b;padding:20px 28px}.contact-modal .modal-header h2{font-size:1.1rem;font-weight:700;color:#fff;margin:0}.contact-modal .modal-body{padding:28px}.contact-modal .form-group{margin-bottom:18px}.contact-modal .form-group label{display:block;font-weight:600;color:#334155;margin-bottom:6px;font-size:.85rem}.contact-modal .form-group input,.contact-modal .form-group textarea{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;font-family:'Rubik',sans-serif;background:rgba(255,255,255,.9);box-sizing:border-box;color:#1e293b;transition:all .25s ease}.contact-modal .form-group input:hover,.contact-modal .form-group textarea:hover{border-color:#a0aec0;background:#fff}.contact-modal .form-group input:focus,.contact-modal .form-group textarea:focus{outline:none;border-color:#4361ee;box-shadow:0 0 0 4px rgba(67,97,238,.1);background:#fff}.contact-modal .form-group textarea{min-height:100px;resize:vertical}.contact-modal .submit-btn{width:100%;padding:15px;border:none;border-radius:12px;font-family:'Rubik',sans-serif;font-size:1rem;font-weight:600;cursor:pointer;background:#1e293b;color:#fff;transition:background .2s ease}.contact-modal .submit-btn:hover{background:#0f172a}.contact-modal .submit-btn:disabled{opacity:.6;cursor:not-allowed}.contact-modal .submit-btn .btn-text{display:inline}.contact-modal .submit-btn .btn-loading{display:none}.contact-modal .submit-btn .btn-success{display:none}.contact-modal .submit-btn.is-loading .btn-text{display:none}.contact-modal .submit-btn.is-loading .btn-loading{display:inline}.contact-modal .submit-btn.is-success .btn-text{display:none}.contact-modal .submit-btn.is-success .btn-loading{display:none}.contact-modal .submit-btn.is-success .btn-success{display:inline}.contact-modal .submit-btn.is-success{background:#16a34a}.confirmation-msg{text-align:center;padding:40px 20px}.confirmation-msg .success-checkmark{font-size:48px;color:var(--brand-secondary);margin-bottom:16px}.confirmation-msg p{font-size:1.1rem;color:var(--text-primary);margin:0}@media (max-width:1024px){.about-features .features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-hero h1{font-size:2rem}.page-hero{padding:60px 0 40px}.about-features .features-grid{grid-template-columns:1fr}.about-story .story-content h2{font-size:1.625rem}.about-premium h2{font-size:1.625rem}.about-cta h2{font-size:1.625rem}.contact-modal-content{padding:24px;margin:20px}}