*{box-sizing:border-box}
body{margin:0;font-family:'Karla',sans-serif;font-size:16px;line-height:1.8;color:#1a1a1a;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
::selection{background-color:#000;color:#fff}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
button,input,textarea,select{font-family:inherit}
button:focus,a:focus,input:focus,textarea:focus,select:focus{outline:2px solid #27BED7;outline-offset:2px;box-shadow:0 0 0 4px #27bed733}
.site-header{background:linear-gradient(135deg,#F9F9F9 0%,#fff 100%);border-bottom:1px solid #2d3f5814;position:relative}
.header-top-bar{background-color:#2D3F58;padding:8px 0}
.header-top-bar-inner{max-width:1500px;margin:0 auto;padding:0 24px;display:flex;justify-content:flex-end;align-items:center;gap:24px}
.header-contact-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#fff}
.header-contact-item i{color:#27BED7}
.header-middle-section{max-width:1500px;margin:0 auto;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:40px}
.logo-wrapper{border:1px solid #2d3f5826;padding:8px 12px;background-color:#fff;box-shadow:0 3px 4px 0 #2d3f580d;border-radius:1px;transition:box-shadow .28s ease-in-out}
.logo-wrapper:hover{box-shadow:0 5px 18px 0 #2d3f581a}
.site-logo{display:block;width:140px;height:38px;object-fit:contain}
.header-intro-text{flex:1;max-width:620px}
.header-intro-text h1{font-family:'DM Sans',sans-serif;font-size:26px;line-height:1.2;font-weight:700;color:#2D3F58;margin:0 0 8px;letter-spacing:-.02em}
.header-intro-text p{font-size:16px;line-height:1.8;color:#4a4a4a;margin:0}
.header-navigation-section{background-color:#fff;border-top:2px solid #27BED7;box-shadow:0 3px 4px 0 #27bed70d}
.header-nav-inner{max-width:1500px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:4px}
.main-navi{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:4px}
.main-navi li{margin:0}
.main-navi a{display:block;padding:20px 24px;font-size:16px;font-weight:400;color:#2D3F58;transition:background-color .25s ease-in-out,color .3s cubic-bezier(0.4,0,0.2,1);border-radius:1px;position:relative}
.main-navi a::before{content:'';position:absolute;bottom:0;left:24px;right:24px;height:0;background-color:#27BED7;transition:height .35s ease-in}
.main-navi a:hover{background-color:#27bed70f;color:#27BED7;border-radius:38px}
.main-navi a:hover::before{height:3px}
.site-footer{background:linear-gradient(180deg,#2D3F58 0%,#1f2d3f 100%);color:#fff;padding:80px 0 40px;position:relative}
.site-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#27BED7 0%,#2D3F58 100%)}
.footer-content-grid{max-width:1500px;margin:0 auto;padding:0 24px 40px;display:grid;grid-template-columns:1fr 2fr 2fr;gap:80px}
.footer-brand-zone{display:flex;flex-direction:column;gap:24px}
.footer-logo-container{border:1px solid #fff3;padding:12px;background-color:#ffffff0d;border-radius:1px;display:inline-block;align-self:flex-start}
.footer-site-logo{display:block;width:120px;height:34px;object-fit:contain}
.footer-company-info{font-size:14px;line-height:1.8;color:#fffc}
.footer-company-info p{margin:0 0 12px}
.footer-company-info a{color:#27BED7;transition:color .28s ease-in-out}
.footer-company-info a:hover{color:#fff}
.footer-nav-zone{display:flex;flex-direction:column;gap:24px}
.footer-nav-heading{font-family:'DM Sans',sans-serif;font-size:20px;line-height:1.2;font-weight:700;color:#27BED7;margin:0 0 12px;letter-spacing:-.01em}
.footer-menu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.footer-menu-list a{font-size:16px;color:#ffffffd9;transition:color .26s ease-in-out,padding-left .32s cubic-bezier(0.4,0,0.2,1);display:inline-block}
.footer-menu-list a:hover{color:#27BED7;padding-left:8px}
.footer-contact-zone{display:flex;flex-direction:column;gap:24px}
.footer-contact-heading{font-family:'DM Sans',sans-serif;font-size:20px;line-height:1.2;font-weight:700;color:#27BED7;margin:0 0 12px;letter-spacing:-.01em}
.footer-contact-details{display:flex;flex-direction:column;gap:16px}
.footer-contact-row{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.8;color:#ffffffd9}
.footer-contact-row i{color:#27BED7;font-size:20px;margin-top:2px;flex-shrink:0}
.footer-contact-row a{color:#ffffffd9;transition:color .28s ease-in-out}
.footer-contact-row a:hover{color:#27BED7}
.footer-bottom-bar{max-width:1500px;margin:0 auto;padding:24px 24px 0;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}
.footer-copyright{font-size:14px;color:#fff9}
.footer-foundation-year{font-size:14px;color:#ffffff80;font-style:italic}
.consent-popup-placeholder{position:fixed;bottom:24px;left:24px;z-index:1000;max-width:420px}
.consent-tile{background-color:#fff;border:1px solid #2d3f5826;box-shadow:0 8px 52px 0 #2d3f581f;padding:24px;border-radius:1px;opacity:0;transform:translateY(20px)}
.consent-tile.visible{opacity:1;transform:translateY(0)}
.consent-heading{font-family:'DM Sans',sans-serif;font-size:20px;line-height:1.2;font-weight:700;color:#2D3F58;margin:0 0 12px}
.consent-description{font-size:14px;line-height:1.8;color:#4a4a4a;margin:0 0 24px}
.consent-categories{margin:0 0 24px;display:flex;flex-direction:column;gap:12px}
.consent-category-row{display:flex;align-items:center;justify-content:space-between;padding:8px;background-color:#F9F9F9;border-radius:1px}
.consent-category-label{font-size:14px;color:#2D3F58;font-weight:400}
.consent-category-required{font-size:12px;color:#27BED7;font-weight:700}
.consent-toggle{width:48px;height:24px;position:relative;display:inline-block}
.consent-toggle input{opacity:0;width:0;height:0}
.consent-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:background-color .3s ease-in-out;border-radius:38px}
.consent-slider::before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:transform .3s cubic-bezier(0.4,0,0.2,1);border-radius:38px}
.consent-toggle input:checked + .consent-slider{background-color:#27BED7}
.consent-toggle input:checked + .consent-slider::before{transform:translateX(24px)}
.consent-actions{display:flex;gap:12px}
.consent-btn{flex:1;padding:12px 24px;font-size:16px;font-weight:700;border:none;cursor:pointer;transition:background-color .28s ease-in-out,transform .25s ease-in;border-radius:1px}
.consent-btn-accept{background-color:#27BED7;color:#fff}
.consent-btn-accept:hover{background-color:#2D3F58;transform:scale(1.03)}
.consent-btn-decline{background-color:#F9F9F9;color:#2D3F58;border:1px solid #2d3f5833}
.consent-btn-decline:hover{background-color:#2D3F58;color:#fff;transform:scale(1.03)}
@media (max-width: 1024px) {
.footer-content-grid{grid-template-columns:1fr 1fr;gap:40px}
.footer-brand-zone{grid-column:1 / -1}
.header-middle-section{flex-direction:column;align-items:flex-start;gap:24px}
.header-intro-text{max-width:100%}
}
@media (max-width: 768px) {
.footer-content-grid{grid-template-columns:1fr;gap:40px}
.header-top-bar-inner{flex-direction:column;align-items:flex-start;gap:8px}
.main-navi{flex-direction:column;width:100%}
.main-navi a{padding:16px 24px}
.consent-popup-placeholder{left:12px;right:12px;bottom:12px;max-width:none}
.consent-actions{flex-direction:column}
}
.policy-body{max-width:1500px;margin:0 auto;padding:80px 24px;background:#fff}
.policy-body h1{font-size:50px;line-height:1.2;color:#2D3F58;margin:0 0 40px;letter-spacing:-.02em}
.policy-body h2{font-size:36px;line-height:1.2;color:#2D3F58;margin:80px 0 24px;letter-spacing:-.01em}
.policy-body h3{font-size:26px;line-height:1.2;color:#2D3F58;margin:40px 0 24px;letter-spacing:-.01em}
.policy-body h4{font-size:20px;line-height:1.2;color:#2D3F58;margin:40px 0 12px}
.policy-body h5{font-size:16px;line-height:1.2;color:#2D3F58;margin:24px 0 12px;font-weight:600}
.policy-body h6{font-size:14px;line-height:1.2;color:#2D3F58;margin:24px 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.policy-body p{font-size:16px;line-height:1.8;color:#2D3F58;margin:0 0 24px;max-width:920px}
.policy-body ul,.policy-body ol{font-size:16px;line-height:1.8;color:#2D3F58;margin:0 0 24px;padding-left:40px;max-width:920px}
.policy-body ul{list-style-type:disc}
.policy-body ol{list-style-type:decimal}
.policy-body li{margin:0 0 12px;padding-left:8px}
.policy-body li:last-child{margin-bottom:0}
.policy-body ul ul,.policy-body ol ul{list-style-type:circle;margin-top:12px}
.policy-body ul ol,.policy-body ol ol{list-style-type:lower-alpha;margin-top:12px}
.policy-body strong,.policy-body b{font-weight:600;color:#2D3F58}
.policy-body em,.policy-body i{font-style:italic}
.policy-body a{color:#27BED7;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .28s ease-in-out,color .28s ease-in-out}
.policy-body a:hover{color:#2D3F58;border-bottom-color:#2D3F58}
.policy-body a:focus{outline:2px solid #27BED7;outline-offset:4px;border-radius:1px}
.policy-body hr{border:none;height:1px;background:#27BED7;margin:80px 0;opacity:.2}
@media (max-width: 768px) {
.policy-body{padding:40px 24px}
.policy-body h1{font-size:36px;margin-bottom:24px}
.policy-body h2{font-size:26px;margin-top:40px}
.policy-body h3{font-size:20px;margin-top:24px}
.policy-body hr{margin:40px 0}
.policy-body ul,.policy-body ol{padding-left:24px}
}
.home-page{margin:0;padding:0;background:#F9F9F9}
.home-page .hero-block{background:linear-gradient(to bottom,transparent 0%,#2D3F58 100%);padding:80px 24px;position:relative;overflow:hidden}
.home-page .hero-wrapper{max-width:1500px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2}
.home-page .hero-heading{font-size:66px;line-height:1.2;color:#fff;margin:0 0 24px;letter-spacing:-.02em}
.home-page .hero-quote{font-size:20px;line-height:1.8;color:#ffffffe6;margin:0 0 40px;max-width:700px}
.home-page .hero-image-wrapper{width:100%;max-width:900px;margin:40px 0 0;position:relative;border:2px solid #27bed766;border-radius:1px;overflow:hidden}
.home-page .hero-image-wrapper::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top left,#0009 0%,transparent 60%);pointer-events:none;z-index:1}
.home-page .hero-image-wrapper::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at bottom right,#0009 0%,transparent 60%);pointer-events:none;z-index:1}
.home-page .hero-image{width:100%;height:500px;object-fit:cover;display:block}
.home-page .hero-frame-top{position:absolute;top:12px;left:12px;right:12px;height:1px;background:#27bed780;z-index:2}
.home-page .hero-frame-bottom{position:absolute;bottom:12px;left:12px;right:12px;height:1px;background:#27bed780;z-index:2}
.home-page .hero-frame-left{position:absolute;top:12px;left:12px;bottom:12px;width:1px;background:#27bed780;z-index:2}
.home-page .hero-frame-right{position:absolute;top:12px;right:12px;bottom:12px;width:1px;background:#27bed780;z-index:2}
.home-page .intro-section{background:#fff;padding:80px 24px}
.home-page .intro-container{max-width:1500px;margin:0 auto;text-align:center}
.home-page .intro-label{font-size:14px;line-height:1.2;color:#27BED7;text-transform:uppercase;letter-spacing:.15em;margin:0 0 12px}
.home-page .intro-heading{font-size:50px;line-height:1.2;color:#2D3F58;margin:0 0 8px;font-weight:700}
.home-page .intro-underline{width:80px;height:3px;background:#27BED7;margin:0 auto 24px;animation:draw-line .5s ease-in-out}
@keyframes draw-line {
from{width:0}
to{width:80px}
}
.home-page .intro-text{font-size:16px;line-height:1.8;color:#2D3F58;max-width:800px;margin:0 auto}
.home-page .stats-section{background:linear-gradient(135deg,#2D3F58 0%,#27BED7 100%);padding:80px 24px;position:relative}
.home-page .fibonacci-spiral{position:absolute;top:50%;left:50%;width:600px;height:600px;transform:translate(-50%,-50%);opacity:.08;pointer-events:none}
.home-page .fibonacci-spiral svg{width:100%;height:100%}
.home-page .stats-container{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr 2fr;gap:40px;position:relative;z-index:1}
.home-page .stat-card{background:#fffffff2;padding:40px 24px;border-radius:1px;box-shadow:0 8px 52px 0 #2d3f581f;text-align:center;transition:border-radius .3s ease-in,transform .35s cubic-bezier(0.4,0,0.2,1)}
.home-page .stat-card:hover{border-radius:38px;transform:translateY(-8px)}
.home-page .stat-number{font-size:66px;line-height:1.2;color:#27BED7;margin:0 0 12px;font-weight:700}
.home-page .stat-label{font-size:16px;line-height:1.8;color:#2D3F58;margin:0}
.home-page .services-section{background:#F9F9F9;padding:80px 24px}
.home-page .services-container{max-width:1500px;margin:0 auto}
.home-page .services-heading{font-size:50px;line-height:1.2;color:#2D3F58;margin:0 0 40px;font-weight:700;text-align:center}
.home-page .services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.home-page .service-box{background:#fff;border-radius:38px;overflow:hidden;box-shadow:0 5px 18px 0 #2d3f581a;transition:box-shadow .28s ease-in-out,border-radius .32s ease-in;position:relative}
.home-page .service-box:hover{box-shadow:0 8px 52px 0 #2d3f581f;border-radius:1px}
.home-page .service-img-wrap{width:100%;height:280px;overflow:hidden;position:relative}
.home-page .service-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease-in}
.home-page .service-box:hover .service-img{transform:scale(1.05)}
.home-page .service-shadow{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,#ffffff4d);pointer-events:none}
.home-page .service-content{padding:24px}
.home-page .service-title{font-size:26px;line-height:1.2;color:#2D3F58;margin:0 0 12px;font-weight:700}
.home-page .service-description{font-size:16px;line-height:1.8;color:#2D3F58;margin:0}
.home-page .expert-section{background:#fff;padding:80px 24px;border-top:1px solid #27BED7;border-bottom:1px solid #27BED7}
.home-page .expert-container{max-width:1500px;margin:0 auto;display:flex;align-items:center;gap:80px}
.home-page .expert-portrait-wrap{flex-shrink:0;width:320px;height:320px;border-radius:50%;overflow:hidden;box-shadow:0 8px 52px 0 #27bed71f;position:relative}
.home-page .expert-portrait{width:100%;height:100%;object-fit:cover;object-position:top}
.home-page .expert-text-area{flex:1}
.home-page .expert-question{font-size:36px;line-height:1.2;color:#2D3F58;margin:0 0 24px;font-weight:700}
.home-page .expert-paragraph{font-size:16px;line-height:1.8;color:#2D3F58;margin:0 0 12px}
.home-page .expert-paragraph:last-child{margin-bottom:0}
.home-page .approach-section{background:linear-gradient(135deg,#F9F9F9 0%,#fff 100%);padding:80px 24px}
.home-page .approach-container{max-width:1500px;margin:0 auto}
.home-page .approach-header{text-align:center;margin:0 0 80px}
.home-page .approach-title{font-size:50px;line-height:1.2;color:#2D3F58;margin:0 0 12px;font-weight:700}
.home-page .approach-subtitle{font-size:20px;line-height:1.8;color:#27BED7;margin:0;letter-spacing:.08em}
.home-page .approach-content{display:flex;flex-direction:column;gap:40px}
.home-page .approach-row{display:flex;gap:40px;align-items:center}
.home-page .approach-row.reverse{flex-direction:row-reverse}
.home-page .approach-img-container{flex:1;border-radius:1px;overflow:hidden;box-shadow:0 5px 18px 0 #2d3f581a;position:relative}
.home-page .approach-img-container::after{content:'';position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,#2d3f5833,transparent);pointer-events:none}
.home-page .approach-image{width:100%;height:350px;object-fit:cover;display:block}
.home-page .approach-details{flex:1}
.home-page .approach-subheading{font-size:26px;line-height:1.2;color:#2D3F58;margin:0 0 12px;font-weight:700}
.home-page .approach-desc{font-size:16px;line-height:1.8;color:#2D3F58;margin:0}
.home-page .interactive-section{background:#2D3F58;padding:80px 24px}
.home-page .interactive-container{max-width:1500px;margin:0 auto}
.home-page .interactive-title{font-size:50px;line-height:1.2;color:#fff;margin:0 0 40px;text-align:center;font-weight:700}
.home-page .toggle-wrapper{display:flex;gap:24px}
.home-page .toggle-input{display:none}
.home-page .toggle-area{flex:1}
.home-page .toggle-label{display:block;background:#ffffff1a;padding:24px;border-radius:1px;cursor:pointer;transition:background .3s ease-in-out,border-radius .35s ease-in;border:2px solid transparent}
.home-page .toggle-label:hover{background:#ffffff26;border-radius:38px}
.home-page .toggle-input:checked + .toggle-label{background:#27BED7;border-color:#fff}
.home-page .toggle-heading{font-size:20px;line-height:1.2;color:#fff;margin:0 0 12px;font-weight:700}
.home-page .toggle-brief{font-size:14px;line-height:1.8;color:#fffc;margin:0}
.home-page .toggle-panel{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(0.4,0,0.2,1),opacity .3s ease-in-out;opacity:0;margin-top:0}
.home-page .toggle-input:checked ~ .toggle-panel{max-height:500px;opacity:1;margin-top:24px}
.home-page .panel-content{background:#ffffff0d;padding:24px;border-radius:1px;border-top:2px solid #27BED7}
.home-page .panel-text{font-size:16px;line-height:1.8;color:#fff;margin:0}
.home-page .cta-section{background:#fff;padding:80px 24px}
.home-page .cta-container{max-width:1500px;margin:0 auto;background:linear-gradient(135deg,#27BED7 0%,#2D3F58 100%);padding:80px 40px;border-radius:38px;text-align:center;box-shadow:0 8px 52px 0 #2d3f581f}
.home-page .cta-headline{font-size:50px;line-height:1.2;color:#fff;margin:0 0 24px;font-weight:700}
.home-page .cta-paragraph{font-size:20px;line-height:1.8;color:#ffffffe6;margin:0 0 40px;max-width:700px;margin-left:auto;margin-right:auto}
.home-page .cta-button{display:inline-block;background:#fff;color:#2D3F58;font-size:16px;font-weight:700;padding:12px 40px;border-radius:1px;text-decoration:none;transition:border-radius .3s ease-in,transform .25s ease-in-out,padding-left .28s cubic-bezier(0.4,0,0.2,1);box-shadow:0 5px 18px 0 #2d3f581a;position:relative;overflow:hidden}
.home-page .cta-button:hover{border-radius:38px;transform:scale(1.05);padding-left:52px}
.home-page .cta-button::before{content:'→';position:absolute;left:-20px;top:50%;transform:translateY(-50%);opacity:0;transition:left .28s cubic-bezier(0.4,0,0.2,1),opacity .28s ease-in}
.home-page .cta-button:hover::before{left:20px;opacity:1}
@media (max-width: 1024px) {
.home-page .stats-container{grid-template-columns:1fr;gap:24px}
.home-page .services-grid{grid-template-columns:1fr}
.home-page .expert-container{flex-direction:column;gap:40px;text-align:center}
.home-page .approach-row{flex-direction:column}
.home-page .approach-row.reverse{flex-direction:column}
.home-page .toggle-wrapper{flex-direction:column}
}
@media (max-width: 768px) {
.home-page .hero-heading{font-size:36px}
.home-page .hero-quote{font-size:16px}
.home-page .intro-heading{font-size:36px}
.home-page .stat-number{font-size:50px}
.home-page .services-heading{font-size:36px}
.home-page .service-title{font-size:20px}
.home-page .expert-question{font-size:26px}
.home-page .approach-title{font-size:36px}
.home-page .approach-subheading{font-size:20px}
.home-page .interactive-title{font-size:36px}
.home-page .cta-headline{font-size:36px}
.home-page .cta-paragraph{font-size:16px}
.home-page .hero-block{padding:40px 12px}
.home-page .intro-section{padding:40px 12px}
.home-page .stats-section{padding:40px 12px}
.home-page .services-section{padding:40px 12px}
.home-page .expert-section{padding:40px 12px}
.home-page .approach-section{padding:40px 12px}
.home-page .interactive-section{padding:40px 12px}
.home-page .cta-section{padding:40px 12px}
}
.contact-wrapper{background:#FFF;max-width:1500px;margin:0 auto}
.contact-wrapper .gradient-hero{position:relative;padding:80px 24px;background:linear-gradient(to bottom,#f9f9f900 0%,#2d3f5814 100%);overflow:hidden}
.contact-wrapper .quote-mark{position:absolute;top:40px;left:24px;font-size:200px;line-height:1;color:#27bed71f;font-weight:700;pointer-events:none;user-select:none}
.contact-wrapper .hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}
.contact-wrapper .hero-content h1{font-size:50px;line-height:1.2;color:#2D3F58;margin:0 0 24px;font-weight:700}
.contact-wrapper .hero-content ul{list-style:none;padding:0;margin:0}
.contact-wrapper .hero-content li{font-size:20px;line-height:1.8;color:#2D3F58;margin:0 0 12px;padding-left:32px;position:relative}
.contact-wrapper .hero-content li::before{content:'';position:absolute;left:0;top:12px;width:18px;height:2px;background:#27BED7}
.contact-wrapper .image-info-block{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;padding:80px 24px;background:#FFF;position:relative}
.contact-wrapper .image-side{position:relative;overflow:hidden;border-radius:1px;box-shadow:0 5px 18px 0 #2d3f581a;transition:border-radius .35s cubic-bezier(0.4,0,0.2,1)}
.contact-wrapper .image-side:hover{border-radius:38px}
.contact-wrapper .image-side img{width:100%;height:600px;object-fit:cover;display:block;filter:saturate(0.7)}
.contact-wrapper .info-column{display:flex;flex-direction:column;gap:40px}
.contact-wrapper .info-item{background:#F9F9F9;padding:24px;border-radius:38px;transition:transform .28s ease-in-out,box-shadow .28s ease-in-out}
.contact-wrapper .info-item:hover{transform:translateY(-4px);box-shadow:0 8px 52px 0 #27bed71f}
.contact-wrapper .info-item h4{font-size:16px;line-height:1.2;color:#27BED7;margin:0 0 12px;text-transform:uppercase;letter-spacing:1px}
.contact-wrapper .info-item p{font-size:16px;line-height:1.8;color:#2D3F58;margin:0}
.contact-wrapper .info-item a{color:#2D3F58;text-decoration:none;transition:color .25s ease-in-out;display:inline-block}
.contact-wrapper .info-item a:hover{color:#27BED7;transform:rotate(2deg)}
.contact-wrapper .comparison-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:40px 0 0;grid-column:2 / 4}
.contact-wrapper .comparison-column{background:#FFF;padding:24px;border-radius:1px;position:relative;border:1px solid #2d3f581a}
.contact-wrapper .comparison-column h5{font-size:14px;line-height:1.2;color:#27BED7;margin:0 0 12px;font-weight:700}
.contact-wrapper .comparison-column p{font-size:14px;line-height:1.8;color:#2D3F58;margin:0}
.contact-wrapper .form-section{padding:80px 24px;background:linear-gradient(135deg,#F9F9F9 0%,#27bed70d 100%);position:relative}
.contact-wrapper .form-section::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:#2D3F58}
.contact-wrapper .form-section::after{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:12px;height:12px;background:#27BED7;border-radius:50%}
.contact-wrapper .form-container{max-width:900px;margin:0 auto}
.contact-wrapper .form-container h2{font-size:36px;line-height:1.2;color:#2D3F58;margin:0 0 12px;font-weight:700;text-align:center}
.contact-wrapper .form-container .form-intro{font-size:16px;line-height:1.8;color:#2D3F58;margin:0 0 40px;text-align:center}
.contact-wrapper .form-container .marker-highlight{background:linear-gradient(to right,#27bed74d 0%,#27bed74d 100%);padding:2px 4px}
.contact-wrapper .contact-form{background:#FFF;padding:40px;border-radius:38px;box-shadow:0 8px 52px 0 #2d3f581f}
.contact-wrapper .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 0 24px}
.contact-wrapper .field-group{display:flex;flex-direction:column;gap:8px}
.contact-wrapper .field-group.full-width{grid-column:1 / 3}
.contact-wrapper .field-group label{font-size:14px;line-height:1.2;color:#2D3F58;font-weight:700}
.contact-wrapper .field-group input,.contact-wrapper .field-group select{padding:12px;font-size:16px;line-height:1.8;color:#2D3F58;border:2px solid #2d3f5833;border-radius:1px;background:#FFF;transition:border-color .3s cubic-bezier(0.4,0,0.2,1),border-radius .3s cubic-bezier(0.4,0,0.2,1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.contact-wrapper .field-group input:focus,.contact-wrapper .field-group select:focus{outline:none;border-color:#27BED7;border-radius:38px}
.contact-wrapper .field-group input::placeholder{color:#2d3f5880;transition:opacity .28s ease-in-out}
.contact-wrapper .field-group input:focus::placeholder{opacity:0}
.contact-wrapper .field-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%232D3F58' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}
.contact-wrapper .radio-set{display:flex;flex-direction:column;gap:12px;grid-column:1 / 3}
.contact-wrapper .radio-set legend{font-size:14px;line-height:1.2;color:#2D3F58;font-weight:700;margin:0 0 8px}
.contact-wrapper .radio-options{display:flex;gap:24px;flex-wrap:wrap}
.contact-wrapper .radio-option{display:flex;align-items:center;gap:8px}
.contact-wrapper .radio-option input[type="radio"]{width:20px;height:20px;margin:0;cursor:pointer;accent-color:#27BED7}
.contact-wrapper .radio-option label{font-size:16px;line-height:1.8;color:#2D3F58;cursor:pointer;margin:0;font-weight:400}
.contact-wrapper .privacy-check{display:flex;align-items:flex-start;gap:12px;margin:24px 0;padding:12px;background:#f9f9f980;border-radius:1px}
.contact-wrapper .privacy-check input[type="checkbox"]{width:20px;height:20px;margin:4px 0 0;cursor:pointer;accent-color:#27BED7;flex-shrink:0}
.contact-wrapper .privacy-check label{font-size:14px;line-height:1.8;color:#2D3F58;cursor:pointer;margin:0}
.contact-wrapper .privacy-check a{color:#27BED7;text-decoration:none;transition:color .25s ease-in-out}
.contact-wrapper .privacy-check a:hover{color:#2D3F58}
.contact-wrapper .submit-btn{width:100%;padding:16px 24px;font-size:20px;line-height:1.2;color:#FFF;background:#2D3F58;border:none;border-radius:1px;cursor:pointer;font-weight:700;transition:background .32s ease-in,border-radius .32s ease-in,transform .32s ease-in;position:relative;overflow:hidden}
.contact-wrapper .submit-btn:hover{background:#27BED7;border-radius:38px;transform:translateY(-2px)}
.contact-wrapper .submit-btn::before{content:'→';position:absolute;left:-30px;top:50%;transform:translateY(-50%);opacity:0;transition:left .32s ease-in,opacity .32s ease-in}
.contact-wrapper .submit-btn:hover::before{left:24px;opacity:1}
.contact-wrapper .submit-btn:hover{padding-left:56px}
.contact-wrapper .stat-display{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:40px 0 0}
.contact-wrapper .stat-box{text-align:center;padding:24px;background:#FFF;border-radius:38px;box-shadow:0 3px 4px 0 #27bed70d;position:relative;overflow:hidden}
.contact-wrapper .stat-box::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2D3F58 0%,#27BED7 100%)}
.contact-wrapper .stat-number{font-size:36px;line-height:1.2;color:#27BED7;font-weight:700;margin:0 0 8px;display:block}
.contact-wrapper .stat-label{font-size:14px;line-height:1.8;color:#2D3F58;margin:0}
@media (max-width: 1024px) {
.contact-wrapper .image-info-block{grid-template-columns:1fr}
.contact-wrapper .comparison-wrapper{grid-column:1}
.contact-wrapper .form-grid{grid-template-columns:1fr}
.contact-wrapper .field-group.full-width{grid-column:1}
.contact-wrapper .radio-set{grid-column:1}
.contact-wrapper .stat-display{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.contact-wrapper .gradient-hero{padding:40px 12px}
.contact-wrapper .hero-content h1{font-size:36px}
.contact-wrapper .hero-content li{font-size:16px}
.contact-wrapper .image-info-block{padding:40px 12px}
.contact-wrapper .image-side img{height:400px}
.contact-wrapper .form-section{padding:40px 12px}
.contact-wrapper .form-container h2{font-size:26px}
.contact-wrapper .contact-form{padding:24px}
.contact-wrapper .comparison-wrapper{grid-template-columns:1fr}
}
.philan-page{background:#FFF;max-width:1500px;margin:0 auto}
.philan-page .title-section{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:120px 40px 80px;position:relative;overflow:hidden}
.philan-page .title-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 24px,#2d3f5805 24px,#2d3f5805 48px);pointer-events:none}
.philan-page .img-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:440px}
.philan-page .mosaic-img{width:100%;height:100%;object-fit:cover;border-radius:1px;position:relative;transition:border-radius .35s ease-in-out}
.philan-page .mosaic-img:hover{border-radius:38px}
.philan-page .mosaic-main{grid-column:1 / -1;height:320px;position:relative;overflow:hidden;border-radius:1px;transition:border-radius .38s ease-in-out}
.philan-page .mosaic-main:hover{border-radius:38px}
.philan-page .mosaic-main img{width:100%;height:100%;object-fit:cover}
.philan-page .mosaic-main::after{content:'';position:absolute;top:0;right:0;bottom:0;width:60%;background:linear-gradient(to left,#27bed7b3,transparent);pointer-events:none}
.philan-page .title-content{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}
.philan-page .main-heading{font-size:66px;line-height:1.2;font-weight:700;color:#2D3F58;margin:0 0 24px;animation:dropBounce .6s ease-in-out}
@keyframes dropBounce {
0%{transform:translateY(-40px);opacity:0}
70%{transform:translateY(4px)}
85%{transform:translateY(-2px)}
100%{transform:translateY(0);opacity:1}
}
.philan-page .lead-text{font-size:20px;line-height:1.8;color:#333;margin:0}
.philan-page .impact-metrics{background:#F9F9F9;padding:80px 40px;position:relative}
.philan-page .impact-metrics::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,#2d3f5808 1px,transparent 1px),linear-gradient(#2d3f5808 1px,transparent 1px);background-size:40px 40px;pointer-events:none;opacity:.4}
.philan-page .metrics-wrapper{max-width:900px;margin:0 auto;position:relative;z-index:1}
.philan-page .metrics-intro{text-align:center;margin:0 0 40px}
.philan-page .metrics-intro h2{font-size:36px;line-height:1.2;font-weight:700;color:#2D3F58;margin:0 0 24px}
.philan-page .metrics-intro p{font-size:16px;line-height:1.8;color:#333;margin:0}
.philan-page .stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin:40px 0 0}
.philan-page .stat-card{background:#FFF;padding:40px 24px;border-radius:38px;box-shadow:0 5px 18px 0 #2d3f581a;text-align:center;transition:transform .3s ease-in,box-shadow .3s ease-in;border-left:4px solid #27BED7}
.philan-page .stat-card:hover{transform:translateY(-8px);box-shadow:0 8px 52px 0 #2d3f581f}
.philan-page .stat-number{font-size:50px;line-height:1.2;font-weight:700;color:#27BED7;margin:0 0 12px}
.philan-page .stat-label{font-size:16px;line-height:1.8;color:#2D3F58;margin:0}
.philan-page .programs-section{background:#FFF;padding:80px 40px;position:relative}
.philan-page .wave-divider{position:absolute;top:0;left:0;right:0;height:40px;overflow:hidden}
.philan-page .wave-divider svg{width:100%;height:100%;display:block}
.philan-page .programs-container{max-width:1200px;margin:0 auto}
.philan-page .programs-header{margin:0 0 40px}
.philan-page .programs-header h2{font-size:36px;line-height:1.2;font-weight:700;color:#2D3F58;margin:0 0 24px;position:relative;display:inline-block}
.philan-page .programs-header h2::after{content:'';position:absolute;bottom:-8px;left:0;width:0;height:3px;background:#27BED7;animation:underlineDraw 1.2s ease-in-out forwards;animation-delay:.3s}
@keyframes underlineDraw {
to{width:100%}
}
.philan-page .programs-grid{display:grid;grid-template-columns:2fr 1fr;gap:40px}
.philan-page .program-main{background:linear-gradient(135deg,#F9F9F9 0%,#FFF 100%);padding:40px;border-radius:1px;box-shadow:0 3px 4px 0 #27bed70d;transition:border-radius .32s ease-in-out,box-shadow .32s ease-in-out;position:relative}
.philan-page .program-main:hover{border-radius:38px;box-shadow:0 8px 52px 0 #27bed71f}
.philan-page .program-main h3{font-size:26px;line-height:1.2;font-weight:700;color:#2D3F58;margin:0 0 24px}
.philan-page .program-main p{font-size:16px;line-height:1.8;color:#333;margin:0 0 12px}
.philan-page .program-main p:last-child{margin:0}
.philan-page .program-side{display:flex;flex-direction:column;gap:24px}
.philan-page .program-item{background:#F9F9F9;padding:24px;border-radius:38px;border:2px solid transparent;transition:border-color .28s ease-in-out,transform .28s ease-in-out}
.philan-page .program-item:hover{border-color:#27BED7;transform:scale(1.03)}
.philan-page .program-item h4{font-size:20px;line-height:1.2;font-weight:700;color:#2D3F58;margin:0 0 12px}
.philan-page .program-item p{font-size:14px;line-height:1.8;color:#333;margin:0}
.philan-page .transparency-block{background:#2D3F58;padding:80px 40px;position:relative;overflow:hidden}
.philan-page .transparency-block::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,#27bed714 0%,transparent 40%),radial-gradient(circle at 80% 70%,#27bed714 0%,transparent 40%);pointer-events:none}
.philan-page .transparency-inner{max-width:700px;margin:0 auto;text-align:center;position:relative;z-index:1}
.philan-page .transparency-inner h2{font-size:36px;line-height:1.2;font-weight:700;color:#FFF;margin:0 0 40px}
.philan-page .report-trigger{display:none}
.philan-page .report-toggler{display:inline-block;padding:24px 80px;background:#27BED7;color:#FFF;font-size:20px;font-weight:700;border-radius:38px;cursor:pointer;transition:background .3s ease-in-out,transform .3s ease-in-out;box-shadow:0 5px 18px 0 #27bed71a;position:relative;overflow:hidden}
.philan-page .report-toggler:hover{background:#1FA5BA;transform:scale(1.05);box-shadow:0 8px 52px 0 #27bed71f}
.philan-page .report-content{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease-in-out,opacity .5s ease-in-out,margin .5s ease-in-out;background:#f9f9f90d;border-radius:1px;margin:0}
.philan-page .report-trigger:checked + .report-toggler + .report-content{max-height:600px;opacity:1;margin:40px 0 0;padding:40px}
.philan-page .report-list{list-style:none;padding:0;margin:0;text-align:left}
.philan-page .report-list li{padding:24px 0;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;align-items:center;transition:padding-left .25s ease-in-out}
.philan-page .report-list li:hover{padding-left:12px}
.philan-page .report-list li:last-child{border-bottom:none}
.philan-page .report-year{font-size:20px;font-weight:700;color:#FFF}
.philan-page .report-amount{font-size:26px;font-weight:700;color:#27BED7}
@media (max-width: 1024px) {
.philan-page .title-section{grid-template-columns:1fr;padding:80px 24px 40px}
.philan-page .img-mosaic{height:320px}
.philan-page .mosaic-main{height:240px}
.philan-page .main-heading{font-size:50px}
.philan-page .stats-grid{grid-template-columns:1fr}
.philan-page .programs-grid{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.philan-page .main-heading{font-size:36px}
.philan-page .impact-metrics,.philan-page .programs-section,.philan-page .transparency-block{padding:40px 24px}
.philan-page .report-toggler{padding:24px 40px;font-size:16px}
}
.about-page{background:#FFF;color:#1A1A1A;max-width:1500px;margin:0 auto}
.about-page .top-hero{display:grid;grid-template-columns:1fr 280px;gap:40px;padding:80px 40px 120px;position:relative;overflow:hidden}
.about-page .hero-text-zone{display:flex;flex-direction:column;gap:24px;position:relative;z-index:2}
.about-page .hero-text-zone h1{font-size:66px;line-height:1.2;font-weight:700;color:#2D3F58;margin:0;letter-spacing:-.02em}
.about-page .hero-text-zone h2{font-size:36px;line-height:1.2;font-weight:300;color:#27BED7;margin:0}
.about-page .hero-text-zone p{font-size:20px;line-height:1.8;color:#333;margin:0;max-width:680px}
.about-page .giant-num{position:absolute;font-size:320px;font-weight:900;color:#2d3f5808;line-height:1;top:-40px;left:-20px;z-index:1;user-select:none;pointer-events:none}
.about-page .hero-img-strip{position:relative;height:420px}
.about-page .hero-img-strip img{width:100%;height:100%;object-fit:cover;object-position:top;clip-path:polygon(15% 0%,100% 0%,85% 100%,0% 100%);border:4px solid #F9F9F9}
.about-page .wave-divider{width:100%;height:80px;background:#FFF;position:relative}
.about-page .wave-divider svg{display:block;width:100%;height:100%}
.about-page .founding-story{background:linear-gradient(180deg,#F9F9F9 0%,#FFF 100%);padding:80px 40px;position:relative}
.about-page .story-grid{display:grid;grid-template-columns:1fr 2fr 2fr;gap:40px;max-width:1420px;margin:0 auto}
.about-page .story-sidebar{display:flex;flex-direction:column;gap:24px}
.about-page .story-sidebar h3{font-size:26px;line-height:1.2;font-weight:700;color:#2D3F58;margin:0}
.about-page .story-year{display:flex;align-items:center;gap:12px;padding:12px;background:#FFF;border:2px solid #27BED7;border-radius:1px;box-shadow:0 3px 4px 0 #2d3f580d;transition:border-radius .3s ease-in-out,transform .28s cubic-bezier(0.4,0,0.2,1)}
.about-page .story-year:hover{border-radius:38px;transform:translateX(8px)}
.about-page .story-year-num{font-size:36px;font-weight:900;color:#27BED7;line-height:1}
.about-page .story-year-label{font-size:14px;line-height:1.2;color:#666;font-weight:600}
.about-page .story-content-wrap{display:flex;flex-direction:column;gap:24px}
.about-page .story-content-wrap h4{font-size:20px;line-height:1.2;font-weight:600;color:#2D3F58;margin:0}
.about-page .story-content-wrap p{font-size:16px;line-height:1.8;color:#444;margin:0}
.about-page .story-img-col{position:relative}
.about-page .story-img-col img{width:100%;height:380px;object-fit:cover;border-radius:38px;border:6px solid #FFF;box-shadow:0 8px 52px 0 #27bed71f}
.about-page .approach-section{padding:80px 40px;background:#FFF;position:relative;overflow:hidden}
.about-page .approach-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 12px,#2d3f5805 12px,#2d3f5805 13px),repeating-linear-gradient(-45deg,transparent,transparent 12px,#2d3f5805 12px,#2d3f5805 13px);pointer-events:none;z-index:1}
.about-page .approach-inner{position:relative;z-index:2;max-width:1420px;margin:0 auto}
.about-page .approach-header{text-align:center;margin-bottom:80px}
.about-page .approach-header h3{font-size:50px;line-height:1.2;font-weight:700;color:#2D3F58;margin:0 0 24px;letter-spacing:-.01em}
.about-page .approach-header p{font-size:20px;line-height:1.8;color:#555;margin:0 auto;max-width:820px}
.about-page .approach-blocks{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 24px}
.about-page .approach-card{background:#FFF;padding:40px;border-radius:1px;border:1px solid #2d3f5814;box-shadow:0 5px 18px 0 #27bed71a;position:relative;transition:border-radius .35s ease-in,box-shadow .32s cubic-bezier(0.4,0,0.2,1)}
.about-page .approach-card:hover{border-radius:38px;box-shadow:0 8px 52px 0 #27bed71f}
.about-page .approach-card:nth-child(odd){transform:translateY(-24px)}
.about-page .approach-card:nth-child(even){transform:translateY(24px)}
.about-page .approach-card h5{font-size:26px;line-height:1.2;font-weight:700;color:#2D3F58;margin:0 0 12px}
.about-page .approach-card p{font-size:16px;line-height:1.8;color:#444;margin:0 0 24px}
.about-page .approach-card .highlight-fact{background:linear-gradient(135deg,#27bed714 0%,#2d3f580a 100%);padding:24px;border-radius:1px;border-left:4px solid #27BED7;margin-top:24px;position:relative}
.about-page .highlight-fact-num{font-size:50px;font-weight:900;color:#27BED7;line-height:1;margin:0 0 8px}
.about-page .highlight-fact-label{font-size:14px;line-height:1.2;color:#666;font-weight:600;margin:0}
.about-page .team-showcase{background:#2D3F58;padding:80px 40px;position:relative;overflow:hidden}
.about-page .stripe-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(-45deg,transparent,transparent 120px,#27bed708 120px,#27bed708 240px);pointer-events:none;animation:stripeDrift 180s linear infinite}
@keyframes stripeDrift {
0%{transform:translate(0,0)}
100%{transform:translate(170px,170px)}
}
.about-page .team-inner{position:relative;z-index:2;max-width:1420px;margin:0 auto}
.about-page .team-layout{display:grid;grid-template-columns:1fr 1.8fr;gap:80px;align-items:center}
.about-page .team-content{display:flex;flex-direction:column;gap:24px}
.about-page .team-content h3{font-size:50px;line-height:1.2;font-weight:700;color:#FFF;margin:0}
.about-page .team-content p{font-size:16px;line-height:1.8;color:#E0E0E0;margin:0}
.about-page .team-stat-ring{display:flex;align-items:center;gap:24px;margin-top:12px}
.about-page .ring-visual{position:relative;width:120px;height:120px}
.about-page .ring-bg{width:120px;height:120px;border-radius:50%;border:8px solid #ffffff1a;position:absolute;top:0;left:0}
.about-page .ring-fill{width:120px;height:120px;border-radius:50%;border:8px solid #27BED7;border-right-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;transform:rotate(-45deg)}
.about-page .ring-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:36px;font-weight:900;color:#27BED7;line-height:1}
.about-page .ring-label{font-size:16px;line-height:1.8;color:#CCC;max-width:180px}
.about-page .team-images-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.about-page .team-img-box{position:relative;overflow:hidden;border-radius:38px;border:6px solid #ffffff14;box-shadow:0 8px 52px 0 #0003;transition:transform .32s cubic-bezier(0.4,0,0.2,1),border-radius .35s ease-in}
.about-page .team-img-box:hover{transform:scale(1.05);border-radius:1px}
.about-page .team-img-box img{width:100%;height:280px;object-fit:cover;display:block}
.about-page .team-portrait-box{grid-column:span 2;max-width:340px;margin:0 auto}
.about-page .team-portrait-box img{width:100%;height:auto;aspect-ratio:7/9;object-fit:cover;object-position:top;border-radius:38px;border:6px solid #ffffff14;box-shadow:0 8px 52px 0 #0003}
@media (max-width: 1200px) {
.about-page .top-hero{grid-template-columns:1fr;gap:40px;padding:40px 24px 80px}
.about-page .hero-text-zone h1{font-size:50px}
.about-page .hero-text-zone h2{font-size:26px}
.about-page .hero-img-strip{height:320px}
.about-page .story-grid{grid-template-columns:1fr;gap:40px}
.about-page .approach-blocks{grid-template-columns:1fr;gap:24px}
.about-page .approach-card:nth-child(odd),.about-page .approach-card:nth-child(even){transform:translateY(0)}
.about-page .team-layout{grid-template-columns:1fr;gap:40px}
.about-page .team-content h3{font-size:36px}
}
@media (max-width: 768px) {
.about-page .hero-text-zone h1{font-size:36px}
.about-page .hero-text-zone h2{font-size:20px}
.about-page .hero-text-zone p{font-size:16px}
.about-page .approach-header h3{font-size:36px}
.about-page .approach-card{padding:24px}
.about-page .team-images-grid{grid-template-columns:1fr}
.about-page .team-portrait-box{grid-column:span 1}
}
.about-page ::selection{background:#000;color:#FFF}
.about-page :focus-visible{outline:3px solid #27BED7!important;outline-offset:4px!important}
.success-page{background:linear-gradient(135deg,#F9F9F9 0%,#fff 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 24px}
.success-page .confirmation-wrapper{max-width:1500px;width:100%;background:#fff;border-radius:38px;box-shadow:0 8px 52px 0 #2d3f581f;padding:80px 40px;text-align:center;position:relative;overflow:hidden}
.success-page .confirmation-wrapper::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2D3F58 0%,#27BED7 100%)}
.success-page .check-icon{width:120px;height:120px;margin:0 auto 40px;position:relative;animation:checkGrow .5s ease-in}
@keyframes checkGrow {
0%{transform:scale(0);opacity:0}
100%{transform:scale(1);opacity:1}
}
.success-page .check-circle{width:120px;height:120px;border:8px solid #27BED7;border-radius:50%;position:relative;background:linear-gradient(135deg,#27bed71a 0%,#2d3f580d 100%)}
.success-page .check-mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px}
.success-page .check-mark::before{content:'';position:absolute;width:12px;height:30px;border-right:6px solid #27BED7;border-bottom:6px solid #27BED7;transform:rotate(45deg);top:8px;left:18px}
.success-page .main-heading{font-size:50px;line-height:1.2;color:#2D3F58;margin:0 0 24px;font-weight:700;letter-spacing:-.02em}
.success-page .sub-heading{font-size:26px;line-height:1.8;color:#2D3F58;margin:0 0 40px;font-weight:400}
.success-page .info-box{background:#F9F9F9;border-radius:1px;padding:40px;margin:0 auto 40px;max-width:800px;border-left:4px solid #27BED7;transition:border-radius .35s ease-in-out}
.success-page .info-box:hover{border-radius:38px}
.success-page .info-label{font-size:16px;line-height:1.8;color:#2D3F58;opacity:.7;margin:0 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.success-page .info-value{font-size:20px;line-height:1.8;color:#2D3F58;margin:0;font-weight:400}
.success-page .detail-grid{display:grid;grid-template-columns:1fr 2fr 2fr;gap:24px;max-width:1200px;margin:0 auto 80px}
.success-page .detail-item{background:#fff;padding:24px;border:2px solid #F9F9F9;border-radius:38px;transition:all .3s cubic-bezier(0.4,0,0.2,1)}
.success-page .detail-item:hover{border-color:#27BED7;box-shadow:0 5px 18px 0 #27bed71a;border-radius:1px}
.success-page .detail-icon{width:48px;height:48px;margin:0 auto 12px;background:linear-gradient(135deg,#27BED7 0%,#2D3F58 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px}
.success-page .detail-title{font-size:16px;line-height:1.2;color:#2D3F58;margin:0 0 8px;font-weight:700}
.success-page .detail-text{font-size:14px;line-height:1.8;color:#2D3F58;margin:0;opacity:.8}
.success-page .action-section{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin:0 0 40px}
.success-page .btn-primary{background:#2D3F58;color:#fff;padding:24px 40px;font-size:20px;line-height:1.2;border:none;border-radius:1px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:12px;transition:all .28s ease-in-out;font-weight:600}
.success-page .btn-primary:hover{background:#27BED7;border-radius:38px;transform:translateY(-2px);box-shadow:0 8px 52px 0 #27bed71f}
.success-page .btn-secondary{background:transparent;color:#2D3F58;padding:24px 40px;font-size:20px;line-height:1.2;border:2px solid #2D3F58;border-radius:38px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:12px;transition:all .32s cubic-bezier(0.4,0,0.2,1);font-weight:600}
.success-page .btn-secondary:hover{background:#2D3F58;color:#fff;border-radius:1px}
.success-page .contact-details{background:linear-gradient(135deg,#2d3f5808 0%,#27bed708 100%);border-radius:38px;padding:40px;max-width:900px;margin:0 auto;display:flex;justify-content:space-around;flex-wrap:wrap;gap:24px}
.success-page .contact-item{text-align:center}
.success-page .contact-icon-wrap{width:56px;height:56px;margin:0 auto 12px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 4px 0 #2d3f580d}
.success-page .contact-icon-wrap svg{width:28px;height:28px;fill:#27BED7}
.success-page .contact-label-text{font-size:14px;line-height:1.8;color:#2D3F58;margin:0 0 4px;opacity:.7;font-weight:600}
.success-page .contact-value-text{font-size:16px;line-height:1.8;color:#2D3F58;margin:0;font-weight:400}
.success-page .contact-value-text a{color:#27BED7;text-decoration:none;transition:color .26s ease-in-out}
.success-page .contact-value-text a:hover{color:#2D3F58;transform:rotate(-1deg);display:inline-block}
@media (max-width: 768px) {
.success-page .confirmation-wrapper{padding:40px 24px}
.success-page .main-heading{font-size:36px}
.success-page .sub-heading{font-size:20px}
.success-page .detail-grid{grid-template-columns:1fr;gap:12px}
.success-page .action-section{flex-direction:column;align-items:stretch}
.success-page .btn-primary,.success-page .btn-secondary{width:100%;justify-content:center}
.success-page .contact-details{flex-direction:column}
}