@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/icon?family=Material+Icons";.about-page{background:#f8fafc;font-family:Inter,sans-serif;color:#1f2937;min-height:100vh;transition:background-color .3s,color .3s}.about-hero{position:relative;background:linear-gradient(135deg,#4f46e5,#7c3aed 50%,#c026d3);padding:80px 24px 112px;text-align:center;overflow:hidden}.about-hero:before{top:0;left:0;width:256px;height:256px;background:hsla(0,0%,100%,.1);transform:translate(-50%,-50%)}.about-hero:after,.about-hero:before{content:"";position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}.about-hero:after{bottom:0;right:0;width:320px;height:320px;background:rgba(59,130,246,.2);transform:translate(33%,33%)}.about-hero .hero-content{position:relative;max-width:896px;margin:0 auto}.about-hero .hero-content h1{font-size:clamp(36px,5vw,60px);font-weight:700;color:#fff;margin-bottom:24px;letter-spacing:-.02em;text-shadow:0 1px 2px rgba(0,0,0,.1)}.about-hero .hero-content p{font-size:clamp(18px,2.5vw,24px);color:#c7d2fe;font-weight:300;line-height:1.6;max-width:672px;margin:0 auto}.about-section{max-width:1280px;margin:0 auto;padding:48px 24px}.about-section.intro-section{margin-top:-64px;position:relative;margin-bottom:80px}.about-section.products-section{padding:48px 24px;margin-bottom:48px}.about-section.trust-section{background:#fff;padding:80px 24px}.about-section.images-section{padding:64px 24px;margin-bottom:48px}.section-header{text-align:center;margin-bottom:64px}.section-header .section-badge{display:inline-block;color:#7c3aed;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:12px;background:rgba(124,58,237,.1);padding:4px 12px;border-radius:9999px;margin-bottom:16px}.section-header .section-title{font-size:clamp(30px,4vw,36px);font-weight:700;color:#1f2937;margin-top:16px}.card-grid{display:grid;grid-gap:24px;gap:24px}.card-grid.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.card-grid.three{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card-grid.products-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.card-grid.trust-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.info-card{background:#fff;border-radius:24px;padding:32px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border:1px solid #e5e7eb;height:100%}.info-card .card-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.info-card .card-header .icon-wrapper{padding:12px;border-radius:12px;display:flex;align-items:center;justify-content:center}.info-card .card-header .icon-wrapper.icon-primary{background:rgba(124,58,237,.1);color:#7c3aed}.info-card .card-header .icon-wrapper.icon-primary .material-icons{font-size:24px}.info-card .card-header .icon-wrapper.icon-green{background:rgba(34,197,94,.1);color:#22c55e}.info-card .card-header .icon-wrapper.icon-green .material-icons{font-size:24px}.info-card .card-header h2{font-size:24px;font-weight:700;color:#1f2937;margin:0}.info-card .card-content p{color:#6b7280;line-height:1.75;margin-bottom:16px;font-size:16px}.info-card .card-content p strong{color:#1f2937;font-weight:600}.info-card .card-content p strong.text-primary{color:#7c3aed;font-weight:600}.info-card .registration-list{list-style:none;padding:0;margin:0}.info-card .registration-list li{display:flex;align-items:flex-start;gap:12px;padding:8px;border-radius:8px;transition:background-color .2s}.info-card .registration-list li:hover{background:#f9fafb}.info-card .registration-list li .check-icon{color:#22c55e;font-size:20px;margin-top:2px;flex-shrink:0;display:inline-block}.info-card .registration-list li span{color:#1f2937;font-weight:500;font-size:16px}.info-card .registration-list li span .reg-no{color:#7c3aed}.product-card{background:#fff;padding:24px;border-radius:24px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);border:1px solid #e5e7eb;transition:all .3s;text-align:left}.product-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border-color:rgba(124,58,237,.3)}.product-card .product-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:all .3s}.product-card .product-icon .material-icons{font-size:24px}.product-card .product-icon.blue{background:#eff6ff;color:#2563eb}.product-card:hover .product-card .product-icon.blue{background:#7c3aed;color:#fff}.product-card .product-icon.amber{background:#fffbeb;color:#d97706}.product-card:hover .product-card .product-icon.amber{background:#7c3aed;color:#fff}.product-card .product-icon.purple{background:#faf5ff;color:#9333ea}.product-card:hover .product-card .product-icon.purple{background:#7c3aed;color:#fff}.product-card .product-icon.rose{background:#fff1f2;color:#e11d48}.product-card:hover .product-card .product-icon.rose{background:#7c3aed;color:#fff}.product-card .product-icon.orange{background:#fff7ed;color:#ea580c}.product-card:hover .product-card .product-icon.orange{background:#7c3aed;color:#fff}.product-card .product-icon.cyan{background:#ecfeff;color:#0891b2}.product-card:hover .product-card .product-icon.cyan{background:#7c3aed;color:#fff}.product-card .product-icon.emerald{background:#ecfdf5;color:#059669}.product-card:hover .product-card .product-icon.emerald{background:#7c3aed;color:#fff}.product-card .product-icon.indigo{background:#eef2ff;color:#4f46e5}.product-card:hover .product-card .product-icon.indigo{background:#7c3aed;color:#fff}.product-card h3{font-size:18px;font-weight:700;color:#1f2937;line-height:1.4;margin:0}.trust-card{background:#f9fafb;padding:24px;border-radius:12px;border-left:4px solid;display:flex;align-items:flex-start;gap:16px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:box-shadow .2s}.trust-card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.trust-card.border-primary{border-left-color:#7c3aed}.trust-card.border-secondary{border-left-color:#4f46e5}.trust-card .trust-icon{font-size:32px;margin-top:4px;flex-shrink:0}.trust-card .trust-icon.primary{color:#7c3aed}.trust-card .trust-icon.secondary{color:#4f46e5}.trust-card h4{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 4px}.trust-card p{font-size:14px;color:#6b7280;line-height:1.6;margin:0}.images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:32px;gap:32px;max-width:1200px;margin:0 auto}.images-grid .image-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 5px 10px -5px rgba(0,0,0,.04);border:1px solid #e5e7eb;transition:transform .3s ease,box-shadow .3s ease}.images-grid .image-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px rgba(0,0,0,.15),0 10px 20px -5px rgba(0,0,0,.1)}.images-grid .image-card .image-wrapper{position:relative;width:100%;padding-top:75%;overflow:hidden;background:#f3f4f6}.images-grid .image-card .image-wrapper .section-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill;transition:transform .3s ease}.images-grid .image-card .image-wrapper:hover .section-image{transform:scale(1.05)}.mission-vision{background:#1e1b4b;color:#e0e7ff;padding:96px 24px;position:relative;overflow:hidden}.mission-vision .mission-vision-bg{top:0;right:0;background:rgba(99,102,241,.1);transform:translate(50%,-50%)}.mission-vision .mission-vision-bg,.mission-vision:after{position:absolute;width:384px;height:384px;border-radius:50%;filter:blur(60px);pointer-events:none}.mission-vision:after{content:"";bottom:0;left:0;background:rgba(168,85,247,.1);transform:translate(-50%,50%)}.mission-vision .mission-vision-content{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:64px;gap:64px;position:relative}.mission-vision .mission-card .mission-header,.mission-vision .mission-card .vision-header,.mission-vision .vision-card .mission-header,.mission-vision .vision-card .vision-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.mission-vision .mission-card .mission-header .mission-icon,.mission-vision .mission-card .mission-header .vision-icon,.mission-vision .mission-card .vision-header .mission-icon,.mission-vision .mission-card .vision-header .vision-icon,.mission-vision .vision-card .mission-header .mission-icon,.mission-vision .vision-card .mission-header .vision-icon,.mission-vision .vision-card .vision-header .mission-icon,.mission-vision .vision-card .vision-header .vision-icon{padding:12px;border-radius:16px;border:1px solid;display:flex;align-items:center;justify-content:center}.mission-vision .mission-card .mission-header .mission-icon .material-icons,.mission-vision .mission-card .mission-header .vision-icon .material-icons,.mission-vision .mission-card .vision-header .mission-icon .material-icons,.mission-vision .mission-card .vision-header .vision-icon .material-icons,.mission-vision .vision-card .mission-header .mission-icon .material-icons,.mission-vision .vision-card .mission-header .vision-icon .material-icons,.mission-vision .vision-card .vision-header .mission-icon .material-icons,.mission-vision .vision-card .vision-header .vision-icon .material-icons{font-size:24px}.mission-vision .mission-card .mission-header .mission-icon.indigo,.mission-vision .mission-card .mission-header .vision-icon.indigo,.mission-vision .mission-card .vision-header .mission-icon.indigo,.mission-vision .mission-card .vision-header .vision-icon.indigo,.mission-vision .vision-card .mission-header .mission-icon.indigo,.mission-vision .vision-card .mission-header .vision-icon.indigo,.mission-vision .vision-card .vision-header .mission-icon.indigo,.mission-vision .vision-card .vision-header .vision-icon.indigo{background:rgba(99,102,241,.2);border-color:rgba(99,102,241,.3);color:#c4b5fd}.mission-vision .mission-card .mission-header .mission-icon.purple,.mission-vision .mission-card .mission-header .vision-icon.purple,.mission-vision .mission-card .vision-header .mission-icon.purple,.mission-vision .mission-card .vision-header .vision-icon.purple,.mission-vision .vision-card .mission-header .mission-icon.purple,.mission-vision .vision-card .mission-header .vision-icon.purple,.mission-vision .vision-card .vision-header .mission-icon.purple,.mission-vision .vision-card .vision-header .vision-icon.purple{background:rgba(168,85,247,.2);border-color:rgba(168,85,247,.3);color:#ddd6fe}.mission-vision .mission-card .mission-header h2,.mission-vision .mission-card .vision-header h2,.mission-vision .vision-card .mission-header h2,.mission-vision .vision-card .vision-header h2{font-size:30px;font-weight:700;color:#fff;margin:0}.mission-vision .mission-card p,.mission-vision .vision-card p{font-size:18px;line-height:1.8;font-weight:300;opacity:.9;color:#e0e7ff}.contact-section{background:#0f172a;color:#fff;padding:80px 24px;border-top:1px solid #1f2937}.contact-section .contact-content{max-width:896px;margin:0 auto;text-align:center}.contact-section .contact-content .section-badge{display:block;color:#7c3aed;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:12px;margin-bottom:16px}.contact-section .contact-content h2{font-size:30px;font-weight:700;margin-bottom:40px}.contact-section .contact-content .contact-buttons{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}@media(min-width:768px){.contact-section .contact-content .contact-buttons{flex-direction:row;justify-content:center;align-items:center}}.contact-section .contact-content .contact-buttons .contact-button{display:flex;align-items:center;gap:16px;background:rgba(31,41,55,.5);padding:20px 32px;border-radius:24px;border:1px solid #374151;transition:all .3s;text-decoration:none;color:#e2e8f0;font-weight:500;width:100%}@media(min-width:768px){.contact-section .contact-content .contact-buttons .contact-button{width:auto}}.contact-section .contact-content .contact-buttons .contact-button:hover{background:#1f2937;transform:scale(1.05)}.contact-section .contact-content .contact-buttons .contact-button .contact-icon-wrapper{padding:8px;display:flex;align-items:center;justify-content:center}.contact-section .contact-content .contact-buttons .contact-button .contact-icon-wrapper.email-icon{background:#7c3aed;border-radius:8px}.contact-section .contact-content .contact-buttons .contact-button .contact-icon-wrapper.phone-icon{background:#22c55e;border-radius:50%}.contact-section .contact-content .contact-buttons .contact-button .contact-icon-wrapper .contact-icon{font-size:16px;display:inline-block;color:#fff}.contact-section .contact-content .social-links{display:flex;justify-content:center;gap:32px;padding-top:32px}.contact-section .contact-content .social-links .social-link{display:flex;flex-direction:column;align-items:center;gap:8px;color:#9ca3af;text-decoration:none;transition:all .3s}.contact-section .contact-content .social-links .social-link .social-icon{width:32px;height:32px;transition:fill .3s;fill:currentColor}.contact-section .contact-content .social-links .social-link .social-icon.instagram{fill:#ec4899}.contact-section .contact-content .social-links .social-link .social-icon.facebook{fill:#3b82f6}.contact-section .contact-content .social-links .social-link>span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;opacity:0;transition:opacity .3s}.contact-section .contact-content .social-links .social-link:hover{color:#fff}.contact-section .contact-content .social-links .social-link:hover .social-icon.instagram{fill:#ec4899}.contact-section .contact-content .social-links .social-link:hover .social-icon.facebook{fill:#3b82f6}.contact-section .contact-content .social-links .social-link:hover>span{opacity:1}@media(max-width:768px){.about-hero{padding:60px 16px 80px}.about-hero .hero-content h1{font-size:36px}.about-hero .hero-content p{font-size:18px}.about-section{padding:32px 16px}.about-section.intro-section{margin-top:-48px;margin-bottom:48px}.card-grid.products-grid,.card-grid.three,.card-grid.trust-grid,.card-grid.two,.images-grid{grid-template-columns:1fr}.images-grid{gap:24px}.mission-vision{padding:64px 16px}.mission-vision .mission-vision-content{gap:48px}.contact-section{padding:64px 16px}}