html{box-sizing:border-box}
*,:before,:after{box-sizing:inherit}
body{margin:0;padding:0;font-family:'Karla',sans-serif;font-size:16px;line-height:1.6;color:#2c2c2c;background:#fff}
.site-heado{background:linear-gradient(135deg,#FF5152 0%,#01AFD0 100%);padding:20px 0;box-shadow:0 4px 16px #00000014}
.site-heado .header-container{max-width:1536px;margin:0 auto;padding:0 20px}
.site-heado .header-grid{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:18px 22px;align-items:center}
.site-heado .logo-zone{grid-column:1;grid-row:1;display:flex;align-items:center}
.site-heado .site-logo-img{height:85px;width:85px;object-fit:contain;background:#ffffff26;padding:8px;border-radius:12px;box-shadow:0 2px 12px #0000001f}
.site-heado .brand-zone{grid-column:2;grid-row:1;display:flex;justify-content:flex-end;align-items:center}
.site-heado .company-name{font-size:28px;font-weight:700;color:#fff;letter-spacing:.5px}
.site-heado .main-navi{grid-column:1 / -1;grid-row:2;margin-top:12px}
.site-heado .navi-list{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:8px 32px}
.site-heado .navi-item{margin:0}
.site-heado .navi-link{display:block;padding:10px 18px;color:#fff;text-decoration:none;font-weight:500;font-size:16px;border-radius:6px;background:#ffffff1a;transition:background .2s ease,outline .2s ease}
.site-heado .navi-link:hover{background:#ffffff40;outline:2px solid #fff6}
@media (max-width: 768px) {
.site-heado .header-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:14px}
.site-heado .logo-zone{grid-column:1;grid-row:1;justify-content:center}
.site-heado .brand-zone{grid-column:1;grid-row:2;justify-content:center}
.site-heado .main-navi{grid-column:1;grid-row:3;margin-top:0}
.site-heado .navi-list{flex-direction:column;align-items:stretch;gap:8px}
.site-heado .navi-link{text-align:center}
.site-heado .company-name{font-size:24px}
.site-heado .site-logo-img{height:70px;width:70px}
}
.site-foot{margin-top:60px}
.site-foot .footer-primary{background:linear-gradient(180deg,#2c2c2c 0%,#1a1a1a 100%);padding:50px 0 30px;color:#fff}
.site-foot .footer-container{max-width:1536px;margin:0 auto;padding:0 20px}
.site-foot .footer-grid-1{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.site-foot .footer-title{font-size:24px;font-weight:700;margin:0 0 16px;color:#FF5152}
.site-foot .footer-subtitle{font-size:18px;font-weight:700;margin:0 0 14px;color:#01AFD0}
.site-foot .footer-desc{font-size:15px;line-height:1.7;margin:0;color:#d4d4d4}
.site-foot .contact-list{list-style:none;margin:0;padding:0}
.site-foot .contact-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;font-size:15px;color:#d4d4d4}
.site-foot .contact-icon{font-size:20px;color:#01AFD0;flex-shrink:0}
.site-foot .contact-link{color:#d4d4d4;text-decoration:none;transition:color .2s ease}
.site-foot .contact-link:hover{color:#FF5152;outline:1px dotted #FF5152}
.site-foot .footer-links{list-style:none;margin:0;padding:0}
.site-foot .footer-links li{margin-bottom:10px}
.site-foot .footer-link{color:#d4d4d4;text-decoration:none;font-size:15px;display:inline-block;transition:color .2s ease,border .2s ease;border-bottom:1px solid transparent}
.site-foot .footer-link:hover{color:#FF5152;border-bottom-color:#FF5152}
.site-foot .footer-secondary{background:#0d0d0d;padding:20px 0}
.site-foot .copyright-text{text-align:center;margin:0;font-size:14px;color:#a0a0a0}
.cookie-popup{position:fixed;top:20px;left:50%;transform:translateX(-50%) translateX(100vw);background:#fff;border-radius:16px;box-shadow:0 12px 40px #00000040;padding:28px 32px;max-width:720px;width:calc(100% - 40px);z-index:10000;animation:slideInFromRight .4s ease forwards}
.cookie-popup.is-hidden{animation:slideOutToRight .4s ease forwards}
@keyframes slideInFromRight {
to{transform:translateX(-50%) translateX(0)}
}
@keyframes slideOutToRight {
to{transform:translateX(-50%) translateX(100vw)}
}
.cookie-popup .cookie-content{display:flex;flex-direction:column;gap:18px}
.cookie-popup .cookie-title{margin:0;font-size:22px;font-weight:700;color:#2c2c2c}
.cookie-popup .cookie-desc{margin:0;font-size:15px;line-height:1.6;color:#5a5a5a}
.cookie-popup .cookie-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.cookie-popup .cookie-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#2c2c2c}
.cookie-popup .cookie-check{width:18px;height:18px;cursor:pointer}
.cookie-popup .cookie-actions{display:flex;gap:12px;justify-content:flex-end}
.cookie-popup .cookie-butt{padding:11px 26px;font-size:15px;font-weight:600;font-family:'Karla',sans-serif;border:none;cursor:pointer;transition:background .2s ease,outline .2s ease}
.cookie-popup .cookie-decline{background:#F2F1F1;color:#2c2c2c}
.cookie-popup .cookie-decline:hover{background:#e0dfdf;outline:2px solid #c0bfbf}
.cookie-popup .cookie-accept{background:linear-gradient(135deg,#FF5152 0%,#01AFD0 100%);color:#fff}
.cookie-popup .cookie-accept:hover{background:linear-gradient(135deg,#e64546 0%,#0199b8 100%);outline:2px solid #FF5152}
@media (max-width: 600px) {
.cookie-popup{top:10px;padding:20px 24px;max-width:calc(100% - 20px)}
.cookie-popup .cookie-options{grid-template-columns:1fr}
.cookie-popup .cookie-actions{flex-direction:column}
.cookie-popup .cookie-butt{width:100%}
}
.doc-body{max-width:1536px;margin:0 auto;padding:60px 24px;background:#fff}
.doc-body h1{font-size:42px;line-height:1.2;font-weight:700;color:#1a1a1a;margin:0 0 48px;padding-bottom:24px;border-bottom:3px solid #FF5152}
.doc-body h2{font-size:32px;line-height:1.3;font-weight:700;color:#2a2a2a;margin:56px 0 24px;padding-top:16px}
.doc-body h3{font-size:24px;line-height:1.4;font-weight:600;color:#3a3a3a;margin:40px 0 20px}
.doc-body h4{font-size:20px;line-height:1.4;font-weight:600;color:#4a4a4a;margin:32px 0 16px}
.doc-body h5{font-size:18px;line-height:1.5;font-weight:600;color:#5a5a5a;margin:24px 0 12px}
.doc-body h6{font-size:16px;line-height:1.5;font-weight:600;color:#6a6a6a;margin:20px 0 12px}
.doc-body p{font-size:16px;line-height:1.75;color:#4a4a4a;margin:0 0 20px;max-width:900px}
.doc-body ul{margin:0 0 24px;padding:0 0 0 28px;list-style-type:disc}
.doc-body ol{margin:0 0 24px;padding:0 0 0 28px;list-style-type:decimal}
.doc-body ul ul{margin:12px 0;padding-left:28px;list-style-type:circle}
.doc-body ol ol{margin:12px 0;padding-left:28px;list-style-type:lower-alpha}
.doc-body li{font-size:16px;line-height:1.75;color:#4a4a4a;margin:0 0 12px;padding-left:8px}
.doc-body li ul{margin-top:12px}
.doc-body li ol{margin-top:12px}
.doc-body em{font-style:italic;color:#3a3a3a}
.doc-body i{font-style:italic;color:#3a3a3a}
.doc-body strong{font-weight:600;color:#2a2a2a}
.doc-body b{font-weight:600;color:#2a2a2a}
.doc-body a{color:#01AFD0;text-decoration:underline;transition:color .3s ease}
.doc-body a:hover{color:#FF5152}
.doc-body table{width:100%;border-collapse:collapse;margin:32px 0;font-size:15px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #00000014}
.doc-body thead{background:linear-gradient(135deg,#FF5152 0%,#01AFD0 100%)}
.doc-body thead tr{color:#fff}
.doc-body th{padding:16px 20px;text-align:left;font-weight:600;font-size:15px;color:#fff;border-bottom:2px solid #fff3}
.doc-body tbody{background:#fff}
.doc-body tbody tr{border-bottom:1px solid #e8e8e8;transition:background-color .2s ease}
.doc-body tbody tr:hover{background:#f9f9f9}
.doc-body tbody tr:last-child{border-bottom:none}
.doc-body td{padding:14px 20px;color:#4a4a4a;line-height:1.6}
.doc-body hr{border:none;height:2px;background:linear-gradient(90deg,#FF5152 0%,#01AFD0 50%,#F2F1F1 100%);margin:48px 0;opacity:.3}
.doc-body div{margin:0 0 20px}
.doc-body blockquote{margin:32px 0;padding:20px 24px 20px 56px;background:#f9f9f9;border-left:4px solid #01AFD0;border-radius:8px;position:relative}
.doc-body blockquote p{margin:0;color:#3a3a3a;font-style:italic}
.doc-body code{background:#f4f4f4;padding:2px 8px;border-radius:4px;font-family:'Courier New',monospace;font-size:14px;color:#FF5152}
.doc-body pre{background:#2a2a2a;color:#f4f4f4;padding:20px;border-radius:8px;overflow-x:auto;margin:24px 0;line-height:1.6}
.doc-body pre code{background:transparent;padding:0;color:#f4f4f4}
@media (max-width: 768px) {
.doc-body{padding:40px 20px}
.doc-body h1{font-size:32px;margin-bottom:32px}
.doc-body h2{font-size:26px;margin-top:40px}
.doc-body h3{font-size:22px}
.doc-body h4{font-size:19px}
.doc-body h5{font-size:17px}
.doc-body h6{font-size:16px}
.doc-body p{font-size:15px}
.doc-body li{font-size:15px}
.doc-body table{font-size:14px;display:block;overflow-x:auto}
.doc-body th{padding:12px 16px;font-size:14px}
.doc-body td{padding:12px 16px}
}
@media (max-width: 480px) {
.doc-body{padding:32px 16px}
.doc-body h1{font-size:28px;margin-bottom:24px}
.doc-body h2{font-size:24px}
.doc-body ul{padding-left:20px}
.doc-body ol{padding-left:20px}
}
.heado-page{background:linear-gradient(135deg,#01AFD0 0%,#F2F1F1 50%,#fff 100%);padding:80px 20px;position:relative;overflow:hidden}
.heado-page::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#ff515226 0%,transparent 70%);border-radius:50%}
.title-wrap-container{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.title-wrap-container .text-segment{display:flex;flex-direction:column;gap:28px}
.title-wrap-container h1{font-size:52px;line-height:1.2;color:#1a1a1a;font-weight:700;margin:0}
.title-wrap-container .intro-text{font-size:19px;line-height:1.7;color:#333}
.title-wrap-container .visual-segment{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.title-wrap-container .visual-segment img{width:100%;height:280px;object-fit:cover;border-radius:12px;box-shadow:0 12px 32px #0000001f}
.title-wrap-container .visual-segment img:first-child{margin-top:40px}
.title-wrap-container .visual-segment img:last-child{margin-top:-20px}
.courses-timeline{max-width:1536px;margin:100px auto 0;padding:0 20px}
.courses-timeline h2{font-size:38px;color:#1a1a1a;margin:0 0 60px;text-align:center;font-weight:700}
.timeline-steps{display:flex;flex-direction:column;gap:0;position:relative}
.timeline-steps::before{content:'';position:absolute;left:40px;top:50px;bottom:50px;width:3px;background:linear-gradient(180deg,#01AFD0 0%,#FF5152 100%)}
.timeline-item{display:grid;grid-template-columns:80px 1fr;gap:40px;padding:40px 0;position:relative}
.timeline-marker{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#FF5152 0%,#01AFD0 100%);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;box-shadow:0 8px 24px #ff51524d;position:relative;z-index:2}
.timeline-content h3{font-size:26px;color:#1a1a1a;margin:0 0 16px;font-weight:600}
.timeline-content p{font-size:17px;line-height:1.7;color:#444;margin:0}
.workshop-formats{background:linear-gradient(165deg,#F2F1F1 0%,#fff 50%,#01afd014 100%);padding:100px 20px;margin-top:100px}
.formats-holder{max-width:1536px;margin:0 auto}
.formats-holder h2{font-size:38px;color:#1a1a1a;margin:0 0 70px;font-weight:700}
.formats-holder h2::after{content:'';display:block;width:120px;height:4px;background:linear-gradient(90deg,#FF5152 0%,#01AFD0 100%);margin-top:20px;border-radius:2px}
.formats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.format-card{background:#fff;padding:50px 35px;border-radius:20px;box-shadow:0 6px 28px #00000014;transition:all .3s ease;border:2px solid transparent;position:relative}
.format-card::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#FF5152 0%,#01AFD0 100%);border-radius:20px 20px 0 0;opacity:0;transition:opacity .3s ease}
.format-card:hover{transform:translateY(-8px);box-shadow:0 16px 42px #00000024;border-color:#01AFD0}
.format-card:hover::before{opacity:1}
.format-card .icon-badge{width:70px;height:70px;background:linear-gradient(135deg,#ff515226 0%,#01afd026 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:28px}
.format-card .icon-badge .material-icons{font-size:36px;color:#FF5152}
.format-card h3{font-size:24px;color:#1a1a1a;margin:0 0 18px;font-weight:600}
.format-card p{font-size:16px;line-height:1.7;color:#555;margin:0 0 24px}
.format-card .duration-info{font-size:15px;color:#01AFD0;font-weight:600;display:flex;align-items:center;gap:8px}
.format-card .duration-info .material-icons{font-size:20px}
.participant-exp{max-width:1536px;margin:120px auto 0;padding:0 20px}
.participant-exp h2{font-size:38px;color:#1a1a1a;margin:0 0 70px;text-align:center;font-weight:700}
.testimonial-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.testimonial-block{background:linear-gradient(135deg,#fff 0%,#F2F1F1 100%);padding:45px;border-radius:24px;box-shadow:0 10px 36px #0000001a;position:relative;border-left:5px solid #FF5152}
.testimonial-block::before{content:'"';position:absolute;top:20px;right:30px;font-size:120px;color:#01afd01a;font-family:serif;line-height:1}
.testi-header{display:flex;align-items:center;gap:24px;margin-bottom:28px}
.testi-header img{width:80px;height:80px;border-radius:50%;object-fit:cover;box-shadow:0 6px 20px #00000026}
.testi-header .person-info h4{font-size:22px;color:#1a1a1a;margin:0 0 6px;font-weight:600}
.testi-header .person-info .role-label{font-size:15px;color:#01AFD0;font-weight:500}
.testimonial-block .quote-text{font-size:17px;line-height:1.8;color:#333;margin:0;position:relative;z-index:1}
.upcoming-section{background:linear-gradient(73deg,#FF5152 0%,#01AFD0 50%,#F2F1F1 100%);padding:100px 20px;margin-top:120px;position:relative;overflow:hidden}
.upcoming-section::after{content:'';position:absolute;bottom:-100px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,#fff3 0%,transparent 70%);border-radius:50%}
.upcoming-inner{max-width:1536px;margin:0 auto;position:relative;z-index:2}
.upcoming-inner h2{font-size:42px;color:#fff;margin:0 0 24px;font-weight:700;text-align:center}
.upcoming-inner .lead-text{font-size:20px;line-height:1.6;color:#fff;text-align:center;margin:0 0 50px;max-width:800px;margin-left:auto;margin-right:auto}
.upcoming-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:35px}
.event-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 12px 38px #0003;transition:transform .3s ease,box-shadow .3s ease}
.event-card:hover{transform:translateY(-6px);box-shadow:0 18px 48px #00000047}
.event-card .card-header{background:linear-gradient(135deg,#01AFD0 0%,#FF5152 100%);padding:28px;color:#fff}
.event-card .card-header .event-date{font-size:15px;font-weight:600;margin-bottom:8px;opacity:.9}
.event-card .card-header h3{font-size:24px;margin:0;font-weight:700}
.event-card .card-body{padding:32px}
.event-card .card-body .event-desc{font-size:16px;line-height:1.7;color:#444;margin:0 0 24px}
.event-card .card-body .event-meta{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}
.event-card .card-body .meta-item{display:flex;align-items:center;gap:10px;font-size:15px;color:#555}
.event-card .card-body .meta-item .material-icons{font-size:20px;color:#FF5152}
.event-card .cta-butt{display:inline-block;background:linear-gradient(90deg,#FF5152 0%,#01AFD0 100%);color:#fff;padding:14px 32px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;transition:all .3s ease;border:2px solid transparent;position:relative;z-index:10}
.event-card .cta-butt:hover{transform:scale(1.05);box-shadow:0 8px 24px #ff515266;border-color:#FF5152}
@media (max-width: 1024px) {
.title-wrap-container{grid-template-columns:1fr;gap:40px}
.title-wrap-container h1{font-size:42px}
.formats-grid{grid-template-columns:repeat(2,1fr)}
.testimonial-layout{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.heado-page{padding:60px 20px}
.title-wrap-container h1{font-size:36px}
.title-wrap-container .intro-text{font-size:17px}
.title-wrap-container .visual-segment{grid-template-columns:1fr}
.title-wrap-container .visual-segment img:first-child,.title-wrap-container .visual-segment img:last-child{margin-top:0}
.timeline-steps::before{left:30px}
.timeline-item{grid-template-columns:60px 1fr;gap:24px}
.timeline-marker{width:60px;height:60px;font-size:22px}
.timeline-content h3{font-size:22px}
.formats-holder h2,.participant-exp h2,.upcoming-inner h2{font-size:32px}
.formats-grid{grid-template-columns:1fr}
.upcoming-cards{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.title-wrap-container h1{font-size:30px}
.courses-timeline h2,.formats-holder h2,.participant-exp h2{font-size:28px}
.format-card{padding:35px 25px}
.testimonial-block{padding:30px}
.upcoming-inner h2{font-size:28px}
.upcoming-inner .lead-text{font-size:18px}
}
.hero-wrap{max-width:1536px;margin:0 auto;padding:80px 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:linear-gradient(135deg,#F2F1F1 0%,#01afd014 100%)}
.hero-wrap .txt-zone{display:flex;flex-direction:column;gap:24px}
.hero-wrap .txt-zone h1{font-size:48px;line-height:1.15;color:#1a1a1a;font-weight:700;margin:0}
.hero-wrap .txt-zone .intro-para{font-size:18px;line-height:1.7;color:#444;margin:0}
.hero-wrap .img-zone{position:relative;height:450px}
.hero-wrap .img-zone img{width:100%;height:100%;object-fit:cover;border-radius:16px;box-shadow:0 12px 32px #0000001f}
.hero-wrap .img-zone::before{content:'';position:absolute;top:-20px;left:-20px;right:20px;bottom:20px;background:linear-gradient(135deg,#ff515226,#01afd026);border-radius:16px;z-index:-1}
.directions-sec{max-width:1536px;margin:100px auto;padding:0 20px}
.directions-sec h2{font-size:38px;color:#1a1a1a;margin:0 0 16px;font-weight:600}
.directions-sec .sect-intro{font-size:17px;line-height:1.65;color:#555;margin:0 0 48px;max-width:820px}
.direction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.direction-item{background:#fff;padding:36px 28px;border-radius:12px;border:2px solid transparent;transition:all .3s ease;box-shadow:0 4px 16px #0000000f}
.direction-item:hover{border-color:#01AFD0;transform:translateY(-4px);box-shadow:0 8px 24px #01afd026}
.direction-item h3{font-size:22px;color:#FF5152;margin:0 0 14px;font-weight:600}
.direction-item .dir-desc{font-size:16px;line-height:1.6;color:#666;margin:0}
.motivation-block{max-width:1536px;margin:100px auto;padding:80px 20px;background:linear-gradient(95deg,#ff51520d 0%,#01afd014 100%)}
.motivation-block .content-holder{display:grid;grid-template-columns:380px 1fr;gap:56px;align-items:start}
.motivation-block .img-holder{position:relative}
.motivation-block .img-holder img{width:100%;height:420px;object-fit:cover;border-radius:20px;box-shadow:0 10px 28px #00000024}
.motivation-block .txt-holder h2{font-size:36px;color:#1a1a1a;margin:0 0 20px;font-weight:600}
.motivation-block .txt-holder .mot-para{font-size:17px;line-height:1.7;color:#444;margin:0 0 32px}
.incentive-list{display:flex;flex-direction:column;gap:18px}
.incentive-item{display:flex;align-items:start;gap:16px;padding:20px;background:#fff;border-radius:10px;border-left:4px solid #01AFD0}
.incentive-item .ic-icon{width:28px;height:28px;background:linear-gradient(135deg,#FF5152,#01AFD0);border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.incentive-item .ic-icon .material-icons{font-size:18px;color:#fff}
.incentive-item .ic-txt{font-size:16px;line-height:1.55;color:#333;margin:0}
.platform-story{max-width:1536px;margin:100px auto;padding:0 20px}
.platform-story .story-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.platform-story .story-txt h2{font-size:38px;color:#1a1a1a;margin:0 0 18px;font-weight:600}
.platform-story .story-txt h2::before{content:'';display:block;width:60px;height:5px;background:linear-gradient(90deg,#FF5152,#01AFD0);margin-bottom:20px;border-radius:3px}
.platform-story .story-txt .story-para{font-size:17px;line-height:1.7;color:#555;margin:0 0 24px}
.platform-story .story-img img{width:100%;height:480px;object-fit:cover;border-radius:18px;box-shadow:0 16px 40px #0000001a}
.after-learn-zone{max-width:1536px;margin:100px auto;padding:0 20px;display:grid;grid-template-columns:1.2fr 1fr;gap:64px}
.after-learn-zone .benefits-col h2{font-size:36px;color:#1a1a1a;margin:0 0 20px;font-weight:600}
.after-learn-zone .benefits-col .after-intro{font-size:17px;line-height:1.65;color:#444;margin:0 0 36px}
.benefit-cards{display:flex;flex-direction:column;gap:20px}
.benefit-card{padding:28px;background:#fff;border-radius:12px;border:2px solid #F2F1F1;transition:all .3s ease}
.benefit-card:hover{border-color:#FF5152;box-shadow:0 6px 20px #ff51521f}
.benefit-card h3{font-size:20px;color:#01AFD0;margin:0 0 12px;font-weight:600}
.benefit-card .ben-text{font-size:16px;line-height:1.6;color:#666;margin:0}
.after-learn-zone .profile-col{display:flex;flex-direction:column;gap:28px}
.profile-card{background:linear-gradient(135deg,#ff51520d,#01afd00d);padding:32px;border-radius:16px;text-align:center}
.profile-card img{width:140px;height:140px;object-fit:cover;border-radius:50%;margin:0 auto 20px;border:4px solid #fff;box-shadow:0 6px 18px #0000001a}
.profile-card .prof-name{font-size:20px;color:#1a1a1a;margin:0 0 8px;font-weight:600}
.profile-card .prof-role{font-size:15px;color:#01AFD0;margin:0 0 16px}
.profile-card .prof-quote{font-size:15px;line-height:1.6;color:#555;margin:0;font-style:italic}
.process-journey{max-width:1536px;margin:100px auto 120px;padding:0 20px}
.process-journey h2{font-size:38px;color:#1a1a1a;margin:0 0 16px;text-align:center;font-weight:600}
.process-journey .journey-intro{font-size:17px;line-height:1.65;color:#555;margin:0 auto 56px;max-width:740px;text-align:center}
.timeline-wrap{position:relative;display:flex;flex-direction:column;gap:48px}
.timeline-wrap::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#FF5152,#01AFD0);transform:translateX(-50%)}
.timeline-step{display:grid;grid-template-columns:1fr 80px 1fr;gap:32px;align-items:center}
.timeline-step:nth-child(odd) .step-content{text-align:right}
.timeline-step:nth-child(even) .step-content{grid-column:3;text-align:left}
.timeline-step:nth-child(even) .step-marker{grid-column:2}
.timeline-step:nth-child(even) .step-blank{grid-column:1}
.step-marker{width:80px;height:80px;background:linear-gradient(135deg,#FF5152,#01AFD0);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:700;box-shadow:0 8px 24px #ff515240;position:relative;z-index:2}
.step-content h3{font-size:22px;color:#1a1a1a;margin:0 0 12px;font-weight:600}
.step-content .step-desc{font-size:16px;line-height:1.6;color:#666;margin:0}
.cta-final{max-width:1536px;margin:0 auto;padding:80px 20px;background:linear-gradient(110deg,#FF5152 0%,#01AFD0 100%);text-align:center;border-radius:24px}
.cta-final h2{font-size:40px;color:#fff;margin:0 0 20px;font-weight:600}
.cta-final .cta-txt{font-size:18px;line-height:1.6;color:#fffffff2;margin:0 auto 36px;max-width:680px}
.cta-final .cta-butt{display:inline-block;padding:18px 48px;background:#fff;color:#FF5152;font-size:18px;font-weight:600;border-radius:50px;text-decoration:none;transition:all .3s ease;border:3px solid #fff}
.cta-final .cta-butt:hover{background:transparent;color:#fff;transform:translateY(-3px);box-shadow:0 10px 28px #0003}
@media (max-width: 1024px) {
.hero-wrap{grid-template-columns:1fr;gap:40px;padding:60px 20px}
.hero-wrap .txt-zone h1{font-size:38px}
.hero-wrap .img-zone{height:380px}
.direction-grid{grid-template-columns:repeat(2,1fr);gap:24px}
.motivation-block .content-holder{grid-template-columns:1fr;gap:40px}
.motivation-block .img-holder img{height:360px}
.platform-story .story-grid{grid-template-columns:1fr;gap:36px}
.platform-story .story-img img{height:400px}
.after-learn-zone{grid-template-columns:1fr;gap:48px}
.timeline-step{grid-template-columns:60px 1fr;gap:24px}
.timeline-wrap::before{left:30px}
.timeline-step:nth-child(odd) .step-content,.timeline-step:nth-child(even) .step-content{grid-column:2;text-align:left}
.timeline-step:nth-child(even) .step-marker{grid-column:1}
.timeline-step .step-blank{display:none}
.step-marker{width:60px;height:60px;font-size:22px}
}
@media (max-width: 640px) {
.hero-wrap .txt-zone h1{font-size:32px}
.hero-wrap .txt-zone .intro-para{font-size:16px}
.hero-wrap .img-zone{height:300px}
.directions-sec h2{font-size:30px}
.direction-grid{grid-template-columns:1fr}
.motivation-block .txt-holder h2{font-size:30px}
.platform-story .story-txt h2{font-size:30px}
.platform-story .story-img img{height:320px}
.after-learn-zone .benefits-col h2{font-size:30px}
.process-journey h2{font-size:30px}
.cta-final h2{font-size:32px}
.cta-final .cta-txt{font-size:16px}
.cta-final .cta-butt{padding:16px 36px;font-size:16px}
}
.title-wrap{position:relative;padding:80px 20px 70px;background:linear-gradient(147deg,#F2F1F1 0%,#01AFD0 65%,#FF5152 100%);overflow:hidden}
.title-wrap::before{content:'';position:absolute;width:420px;height:420px;background:radial-gradient(circle,#ff515226,transparent 70%);border-radius:50%;top:-180px;right:-120px;animation:float-shape 8s ease-in-out infinite}
@keyframes float-shape {
0%,100%{transform:translate(0,0) rotate(0deg)}
50%{transform:translate(-30px,25px) rotate(180deg)}
}
.title-wrap::after{content:'';position:absolute;width:280px;height:280px;background:radial-gradient(circle,#01afd01f,transparent 65%);border-radius:42% 58% 65% 35% / 48% 62% 38% 52%;bottom:-90px;left:-70px;animation:morph-blob 12s ease-in-out infinite}
@keyframes morph-blob {
0%,100%{border-radius:42% 58% 65% 35% / 48% 62% 38% 52%}
50%{border-radius:65% 35% 42% 58% / 62% 38% 48% 52%}
}
.title-inner{max-width:1536px;margin:0 auto;display:flex;align-items:center;gap:50px;position:relative;z-index:2}
.title-content{flex:1 1 60%}
.title-content h1{font-size:56px;font-weight:700;color:#1a1a1a;margin:0 0 22px;line-height:1.15}
.title-content p{font-size:19px;line-height:1.7;color:#2d2d2d;margin:0}
.title-visual{flex:1 1 40%;position:relative}
.title-visual img{width:100%;height:380px;object-fit:cover;border-radius:18px;box-shadow:0 14px 48px #00000024;mix-blend-mode:multiply;opacity:.85}
.contact-methods{padding:90px 20px;background:#fff}
.contact-methods-inner{max-width:1536px;margin:0 auto}
.contact-methods h2{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 16px;text-align:center}
.contact-methods-intro{text-align:center;font-size:18px;line-height:1.65;color:#3d3d3d;max-width:780px;margin:0 auto 60px}
.methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:35px}
.method-card{background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%);padding:40px 32px;border-radius:16px;border:2px solid transparent;transition:all .3s ease;box-shadow:0 4px 18px #0000000f}
.method-card:hover{border-color:#FF5152;box-shadow:0 8px 32px #ff51522e;transform:translateY(-4px)}
.method-card .material-icons{font-size:48px;color:#01AFD0;margin-bottom:18px;display:block}
.method-card h3{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 12px}
.method-card p{font-size:16px;line-height:1.6;color:#4a4a4a;margin:0 0 20px}
.method-card a{display:inline-block;color:#FF5152;text-decoration:none;font-size:17px;font-weight:600;transition:color .2s ease;word-break:break-all}
.method-card a:hover{color:#01AFD0}
.messenger-links{display:flex;gap:14px;margin-top:16px}
.messenger-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;border:2px solid #01AFD0;border-radius:8px;color:#01AFD0;text-decoration:none;font-size:15px;font-weight:600;transition:all .25s ease}
.messenger-btn:hover{background:#01AFD0;color:#fff;transform:scale(1.05)}
.messenger-btn .material-icons{font-size:22px;margin:0}
.contact-form-section{padding:85px 20px;background:linear-gradient(215deg,#F2F1F1 0%,#fff 45%,#F2F1F1 100%)}
.contact-form-section-inner{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.form-info-side h2{font-size:44px;font-weight:700;color:#1a1a1a;margin:0 0 24px;line-height:1.2}
.form-info-side p{font-size:17px;line-height:1.7;color:#3d3d3d;margin:0 0 20px}
.form-side{background:#fff;padding:50px 45px;border-radius:20px;box-shadow:0 12px 40px #0000001a}
.form-side h3{font-size:28px;font-weight:600;color:#1a1a1a;margin:0 0 30px}
.contact-form-main{display:flex;flex-direction:column;gap:24px}
.input-field{display:flex;flex-direction:column;gap:8px}
.input-field label{font-size:15px;font-weight:600;color:#2d2d2d}
.input-field input{padding:14px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;color:#1a1a1a;transition:border-color .3s ease;background:#fafafa}
.input-field input:focus{outline:none;border-color:#01AFD0;background:#fff}
.radio-group{display:flex;flex-direction:column;gap:8px}
.radio-group legend{font-size:15px;font-weight:600;color:#2d2d2d;margin-bottom:10px}
.radio-option{display:flex;align-items:center;gap:10px;padding:12px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .25s ease;background:#fafafa}
.radio-option:hover{border-color:#01AFD0;background:#fff}
.radio-option input[type="radio"]{width:20px;height:20px;cursor:pointer;accent-color:#FF5152}
.radio-option input[type="radio"]:checked + label{color:#FF5152;font-weight:600}
.radio-option label{font-size:15px;color:#3d3d3d;cursor:pointer;flex:1}
.privacy-box{display:flex;align-items:start;gap:10px;margin-top:8px}
.privacy-box input[type="checkbox"]{width:20px;height:20px;cursor:pointer;margin-top:2px;accent-color:#FF5152}
.privacy-box label{font-size:14px;color:#4a4a4a;line-height:1.5}
.privacy-box label a{color:#01AFD0;text-decoration:underline}
.privacy-box label a:hover{color:#FF5152}
.submit-butt{padding:16px 40px;background:linear-gradient(90deg,#FF5152 0%,#01AFD0 100%);color:#fff;font-size:18px;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #ff515240;margin-top:12px}
.submit-butt:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff515259}
.submit-butt:focus{outline:3px solid #01AFD0;outline-offset:2px}
.location-block{padding:90px 20px;background:#fff}
.location-block-inner{max-width:1536px;margin:0 auto;text-align:center}
.location-block h2{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 18px}
.location-block p{font-size:18px;line-height:1.65;color:#3d3d3d;margin:0 0 40px;max-width:720px;margin-left:auto;margin-right:auto}
.address-display{background:linear-gradient(135deg,#fafafa 0%,#f0f0f0 100%);padding:45px;border-radius:18px;max-width:680px;margin:0 auto;border:2px solid #e5e5e5;box-shadow:0 8px 28px #00000014}
.address-display .material-icons{font-size:56px;color:#FF5152;margin-bottom:20px}
.address-display h3{font-size:26px;font-weight:600;color:#1a1a1a;margin:0 0 16px}
.address-display p{font-size:17px;line-height:1.6;color:#2d2d2d;margin:0}
.hours-block{padding:85px 20px;background:linear-gradient(180deg,#F2F1F1 0%,#fff 100%)}
.hours-block-inner{max-width:1536px;margin:0 auto}
.hours-block h2{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 16px;text-align:center}
.hours-intro{text-align:center;font-size:18px;line-height:1.65;color:#3d3d3d;max-width:700px;margin:0 auto 50px}
.hours-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1100px;margin:0 auto}
.hours-card{background:#fff;padding:35px 30px;border-radius:14px;border:2px solid #e8e8e8;text-align:center;transition:all .3s ease;box-shadow:0 4px 16px #0000000d}
.hours-card:hover{border-color:#01AFD0;box-shadow:0 8px 28px #01afd026;transform:translateY(-3px)}
.hours-card .material-icons{font-size:44px;color:#FF5152;margin-bottom:16px}
.hours-card h3{font-size:22px;font-weight:600;color:#1a1a1a;margin:0 0 12px}
.hours-card p{font-size:16px;line-height:1.6;color:#4a4a4a;margin:0}
@media (max-width: 1024px) {
.title-inner{flex-direction:column;gap:40px}
.title-content{flex:1 1 100%;text-align:center}
.title-visual{flex:1 1 100%;max-width:600px}
.contact-form-section-inner{grid-template-columns:1fr;gap:50px}
.form-info-side{text-align:center}
}
@media (max-width: 768px) {
.title-wrap{padding:60px 20px 50px}
.title-content h1{font-size:38px;margin-bottom:18px}
.title-content p{font-size:17px}
.title-visual img{height:280px}
.contact-methods{padding:60px 20px}
.contact-methods h2{font-size:34px}
.methods-grid{grid-template-columns:1fr}
.contact-form-section{padding:60px 20px}
.form-side{padding:35px 25px}
.form-info-side h2{font-size:34px}
.messenger-links{flex-direction:column}
.location-block{padding:60px 20px}
.location-block h2{font-size:34px}
.address-display{padding:35px 25px}
.hours-block{padding:60px 20px}
.hours-block h2{font-size:34px}
.hours-grid{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.title-content h1{font-size:32px}
.title-content p{font-size:16px}
.contact-methods h2,.form-info-side h2,.location-block h2,.hours-block h2{font-size:28px}
.form-side h3{font-size:24px}
.submit-butt{width:100%}
}
.program-heado{background:linear-gradient(135deg,#F2F1F1 0%,#01AFD0 100%);padding:80px 20px;position:relative;overflow:hidden}
.program-heado::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#ff515226 0%,transparent 70%);border-radius:50%}
.program-heado .page-container{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.program-heado .intro-text h1{font-size:48px;line-height:1.2;margin:0 0 24px;color:#1a1a1a}
.program-heado .intro-text h1::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#FF5152 0%,#01AFD0 100%);margin-bottom:16px;border-radius:2px}
.program-heado .key-points{list-style:none;padding:0;margin:0 0 32px}
.program-heado .key-points li{padding:16px 0 16px 40px;position:relative;font-size:18px;line-height:1.6;color:#333}
.program-heado .key-points li::before{content:'→';position:absolute;left:0;color:#FF5152;font-size:24px;font-weight:700}
.program-heado .action-butt{display:inline-block;padding:16px 40px;background:#FF5152;color:#fff;text-decoration:none;border-radius:8px;font-size:18px;font-weight:600;transition:all .3s ease;border:2px solid #FF5152}
.program-heado .action-butt:hover{background:transparent;color:#FF5152;transform:translateY(-2px);box-shadow:0 8px 20px #ff515240}
.program-heado .visual-wrap{position:relative}
.program-heado .visual-wrap img{width:100%;height:480px;object-fit:cover;border-radius:16px;box-shadow:0 16px 48px #0000001f}
.program-heado .visual-wrap::after{content:'';position:absolute;bottom:-20px;right:-20px;width:80%;height:80%;background:linear-gradient(73deg,#FF5152 0%,#01AFD0 50%,#F2F1F1 100%);border-radius:16px;z-index:-1;opacity:.3}
.structure-layout{padding:100px 20px;background:#fff}
.structure-layout .content-container{max-width:1536px;margin:0 auto}
.structure-layout h2{font-size:42px;text-align:center;margin:0 0 60px;color:#1a1a1a;position:relative;display:inline-block;left:50%;transform:translateX(-50%)}
.structure-layout h2::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:120px;height:3px;background:linear-gradient(90deg,#01AFD0 0%,#FF5152 100%)}
.curriculum-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.curriculum-grid .module-card{background:#F2F1F1;padding:32px;border-radius:12px;border-left:4px solid #01AFD0;transition:all .3s ease}
.curriculum-grid .module-card:nth-child(even){border-left-color:#FF5152}
.curriculum-grid .module-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}
.curriculum-grid .module-card h3{font-size:24px;margin:0 0 16px;color:#1a1a1a;display:flex;align-items:center;gap:12px}
.curriculum-grid .module-card h3 .material-icons{color:#01AFD0;font-size:28px}
.curriculum-grid .module-card:nth-child(even) h3 .material-icons{color:#FF5152}
.curriculum-grid .module-card p{margin:0 0 20px;color:#555;line-height:1.7;font-size:16px}
.curriculum-grid .module-card .topic-list{list-style:none;padding:0;margin:0}
.curriculum-grid .module-card .topic-list li{padding:8px 0;color:#333;font-size:15px;position:relative;padding-left:20px}
.curriculum-grid .module-card .topic-list li::before{content:'•';position:absolute;left:0;color:#01AFD0;font-weight:700}
.curriculum-grid .module-card:nth-child(even) .topic-list li::before{color:#FF5152}
.learning-flow{background:linear-gradient(165deg,#01AFD0 0%,#F2F1F1 100%);padding:100px 20px;position:relative}
.learning-flow .flow-container{max-width:1536px;margin:0 auto;display:flex;gap:60px;align-items:center}
.learning-flow .flow-visual{flex:0 0 45%}
.learning-flow .flow-visual img{width:100%;height:520px;object-fit:cover;border-radius:20px;box-shadow:0 20px 60px #00000026}
.learning-flow .flow-content{flex:1}
.learning-flow .flow-content h2{font-size:40px;margin:0 0 32px;color:#1a1a1a}
.learning-flow .process-steps{display:flex;flex-direction:column;gap:24px}
.learning-flow .step-item{background:#fff;padding:24px;border-radius:10px;display:flex;gap:20px;align-items:flex-start;box-shadow:0 4px 16px #0000000f;transition:all .3s ease}
.learning-flow .step-item:hover{box-shadow:0 8px 24px #0000001f}
.learning-flow .step-number{flex:0 0 50px;height:50px;background:linear-gradient(135deg,#FF5152 0%,#01AFD0 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700}
.learning-flow .step-details h4{margin:0 0 8px;font-size:20px;color:#1a1a1a}
.learning-flow .step-details p{margin:0;color:#555;line-height:1.6;font-size:16px}
.participant-profile{padding:90px 20px;background:#fff}
.participant-profile .profile-wrap{max-width:1536px;margin:0 auto}
.participant-profile h2{font-size:38px;margin:0 0 50px;color:#1a1a1a;text-align:center}
.participant-profile .testimonial-section{display:grid;grid-template-columns:300px 1fr;gap:50px;background:#F2F1F1;padding:40px;border-radius:16px;align-items:center}
.participant-profile .participant-photo img{width:100%;height:300px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #0000001a}
.participant-profile .participant-story{padding:20px}
.participant-profile .participant-story h3{font-size:26px;margin:0 0 12px;color:#1a1a1a}
.participant-profile .participant-story .role-label{color:#FF5152;font-size:16px;font-weight:600;margin-bottom:20px;display:block}
.participant-profile .participant-story blockquote{margin:0 0 24px;padding:0;font-size:17px;line-height:1.8;color:#333;font-style:italic}
.participant-profile .participant-story .outcome-markers{display:flex;gap:32px;margin-top:28px}
.participant-profile .outcome-markers .marker{display:flex;align-items:center;gap:10px}
.participant-profile .outcome-markers .material-icons{color:#01AFD0;font-size:24px}
.participant-profile .outcome-markers span{font-size:15px;color:#555}
@media (max-width: 1024px) {
.program-heado .page-container{grid-template-columns:1fr;gap:40px}
.program-heado .intro-text h1{font-size:38px}
.curriculum-grid{grid-template-columns:repeat(2,1fr);gap:30px}
.learning-flow .flow-container{flex-direction:column}
.learning-flow .flow-visual{flex:1;width:100%}
.participant-profile .testimonial-section{grid-template-columns:1fr;gap:30px}
}
@media (max-width: 768px) {
.program-heado{padding:60px 20px}
.program-heado .intro-text h1{font-size:32px}
.program-heado .key-points li{font-size:16px;padding-left:30px}
.program-heado .visual-wrap img{height:320px}
.structure-layout,.learning-flow,.participant-profile{padding:60px 20px}
.structure-layout h2,.learning-flow .flow-content h2,.participant-profile h2{font-size:32px}
.curriculum-grid{grid-template-columns:1fr;gap:24px}
.curriculum-grid .module-card{padding:24px}
.learning-flow .flow-visual img{height:360px}
.participant-profile .participant-photo img{height:280px}
.participant-profile .outcome-markers{flex-direction:column;gap:16px}
}
.revw-header-wrap{position:relative;max-width:1536px;margin:0 auto;padding:80px 20px;overflow:hidden}
.revw-header-wrap::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(0deg,#f2f1f14d 1px,transparent 1px),linear-gradient(90deg,#f2f1f14d 1px,transparent 1px);background-size:40px 40px;opacity:.4;z-index:0}
.revw-header-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.revw-header-txt{padding:40px 0}
.revw-header-txt h1{font-size:48px;line-height:1.2;margin:0 0 24px;color:#1a1a1a;font-weight:700}
.revw-header-txt .intro-par{font-size:18px;line-height:1.7;color:#4a4a4a;margin:0}
.revw-header-image{position:relative;transform:rotate(-2deg);transition:transform .4s ease}
.revw-header-image:hover{transform:rotate(0deg)}
.revw-header-image img{width:100%;height:auto;max-height:480px;object-fit:cover;border-radius:12px;box-shadow:0 12px 32px #0000001f}
.feedback-collection{max-width:1536px;margin:0 auto;padding:100px 20px;background:linear-gradient(135deg,#fff 0%,#f2f1f180 100%)}
.feedback-collection h2{font-size:36px;line-height:1.3;margin:0 0 60px;color:#2a2a2a;text-align:center;font-weight:600}
.feedback-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.feedback-crd{background:#fff;border-radius:16px;padding:36px;box-shadow:0 4px 16px #0000000f;transition:all .3s ease;position:relative}
.feedback-crd::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#FF5152 0%,#01AFD0 100%);border-radius:16px 16px 0 0;opacity:0;transition:opacity .3s ease}
.feedback-crd:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000001f}
.feedback-crd:hover::before{opacity:1}
.feedback-author{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.feedback-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid #F2F1F1}
.feedback-meta h3{font-size:18px;margin:0 0 4px;color:#1a1a1a;font-weight:600}
.feedback-context{font-size:14px;color:#7a7a7a;margin:0}
.feedback-txt{font-size:16px;line-height:1.6;color:#3a3a3a;margin:0 0 20px}
.feedback-details{display:flex;gap:16px;flex-wrap:wrap;padding-top:16px;border-top:1px solid #e5e5e5}
.feedback-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#01afd01a;border-radius:6px;font-size:13px;color:#01AFD0}
.feedback-badge .material-icons{font-size:16px}
.rating-visual{display:flex;gap:4px;margin-bottom:16px}
.star-ico{color:#FF5152;font-size:20px}
.alt-feedback{background:linear-gradient(135deg,#ff51520d 0%,#01afd00d 100%)}
@media (max-width: 1200px) {
.feedback-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 960px) {
.revw-header-inner{grid-template-columns:1fr;gap:40px}
.revw-header-image{transform:rotate(0deg)}
.revw-header-txt h1{font-size:38px}
.feedback-collection h2{font-size:30px}
}
@media (max-width: 640px) {
.feedback-grid{grid-template-columns:1fr}
.revw-header-wrap{padding:50px 20px}
.revw-header-txt h1{font-size:32px}
.feedback-collection{padding:60px 20px}
.feedback-crd{padding:28px}
}
.success-wrap{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden}
.success-wrap::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg,#FF5152 0%,#01AFD0 50%,#F2F1F1 100%);opacity:.08;animation:gradientShift 15s ease infinite}
@keyframes gradientShift {
0%,100%{transform:translate(0,0) rotate(0deg)}
33%{transform:translate(-10%,5%) rotate(120deg)}
66%{transform:translate(5%,-10%) rotate(240deg)}
}
.success-content-area{max-width:720px;margin:0 auto;position:relative;z-index:2}
.success-grid-layout{display:grid;grid-template-columns:1fr;gap:48px;background:#fff;padding:56px 48px;border-radius:20px;box-shadow:0 16px 48px #00000014}
.success-icon-zone{text-align:center;padding:24px 0}
.success-icon-holder{width:92px;height:92px;margin:0 auto 24px;background:linear-gradient(135deg,#FF5152 0%,#01AFD0 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 32px #ff515240;animation:iconPulse 2s ease-in-out infinite}
@keyframes iconPulse {
0%,100%{transform:scale(1)}
50%{transform:scale(1.05)}
}
.success-icon-holder .material-icons{font-size:52px;color:#fff}
.success-main-heading{font-size:38px;font-weight:700;color:#1a1a1a;margin:0 0 16px;line-height:1.2}
.success-subheading{font-size:18px;color:#666;margin:0;line-height:1.6}
.success-qa-section{background:#F2F1F1;padding:40px 36px;border-radius:16px;border-left:4px solid #01AFD0}
.success-qa-item{margin-bottom:28px}
.success-qa-item:last-child{margin-bottom:0}
.success-question{font-size:16px;font-weight:600;color:#FF5152;margin:0 0 8px;letter-spacing:.3px}
.success-answer{font-size:15px;color:#444;margin:0;line-height:1.7}
.success-action-zone{display:grid;grid-template-columns:1fr;gap:16px;padding-top:8px}
.success-primary-butt{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:18px 40px;background:linear-gradient(90deg,#FF5152 0%,#01AFD0 100%);color:#fff;font-size:16px;font-weight:600;text-decoration:none;border-radius:12px;transition:all .3s ease;box-shadow:0 8px 24px #ff515233;border:2px solid transparent}
.success-primary-butt:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ff51524d;border-color:#FF5152}
.success-primary-butt .material-icons{font-size:20px}
.success-secondary-butt{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:18px 40px;background:#fff;color:#01AFD0;font-size:16px;font-weight:600;text-decoration:none;border-radius:12px;transition:all .3s ease;border:2px solid #01AFD0}
.success-secondary-butt:hover{background:#01AFD0;color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #01afd040}
.success-secondary-butt .material-icons{font-size:20px}
.success-info-note{text-align:center;padding:32px 24px 0}
.success-note-text{font-size:14px;color:#888;margin:0 0 12px;line-height:1.6}
.success-contact-links{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}
.success-contact-item{display:inline-flex;align-items:center;gap:6px;color:#666;text-decoration:none;font-size:14px;transition:color .3s ease}
.success-contact-item:hover{color:#FF5152}
.success-contact-item .material-icons{font-size:18px}
@media (max-width: 768px) {
.success-wrap{padding:40px 16px;min-height:70vh}
.success-grid-layout{padding:40px 28px;gap:36px}
.success-icon-holder{width:76px;height:76px}
.success-icon-holder .material-icons{font-size:42px}
.success-main-heading{font-size:30px}
.success-subheading{font-size:16px}
.success-qa-section{padding:32px 24px}
.success-action-zone{gap:12px}
.success-primary-butt,.success-secondary-butt{padding:16px 32px;font-size:15px}
.success-contact-links{flex-direction:column;gap:12px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.success-wrap{padding:50px 24px}
.success-grid-layout{padding:48px 40px}
}