*{margin:0;padding:0;box-sizing:border-box}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:600}
figure,blockquote{margin:0}
body{font-family:'Lora',serif;background:#FAFBFC;color:#1A1A1A;line-height:1.7}
.site-wrap{max-width:1320px;margin:0 auto;padding:0 20px}
.hd{background:linear-gradient(128deg,#FFF3EE 0%,#FFF 45%,#F0F9FC 100%);border-bottom:1px solid #05b3dc1f;padding:0}
.hd .top-row{border-bottom:1px solid #01214d14;padding:28px 0}
.hd .top-row .site-wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}
.hd .left-zone{display:flex;align-items:center;gap:22px;flex:0 0 auto}
.hd .logo-holder{width:95px;height:95px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffffffb3;border-radius:28px;box-shadow:0 3px 12px #05b3dc26}
.hd .logo-holder img{width:75px;height:75px;object-fit:contain}
.hd .brand-txt{font-size:26px;font-weight:700;color:#01214D;letter-spacing:-.3px}
.hd .right-zone{flex:1;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.hd .tagline{font-size:15px;color:#4A5568;font-style:italic;font-weight:400}
.hd .bottom-row{padding:18px 0}
.navi{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}
.navi a{text-decoration:none;color:#01214D;font-size:17px;font-weight:600;padding:12px 28px;border-radius:32px;transition:all .2s ease;background:#fff3ee66}
.navi a:hover{background:#FFF3EE;color:#05B3DC}
.ft{background:linear-gradient(152deg,#01214D 0%,#013A5C 100%);color:#E8F4F8;margin-top:80px}
.ft .top-section{padding:55px 0 40px;border-bottom:1px solid #05b3dc33}
.ft .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:45px}
.ft .info-block h3{font-size:18px;color:#05B3DC;margin-bottom:16px;font-weight:700}
.ft .info-block p,.ft .info-block a{font-size:15px;line-height:1.8;color:#E8F4F8;text-decoration:none;display:block;margin-bottom:8px}
.ft .info-block a:hover{color:#05B3DC}
.ft .link-section{padding:35px 0;border-bottom:1px solid #05b3dc33}
.ft .link-section .site-wrap{display:flex;flex-wrap:wrap;gap:25px;justify-content:center}
.ft .footer-link{color:#E8F4F8;text-decoration:none;font-size:15px;padding:8px 18px;border-radius:24px;background:#05b3dc1a;transition:background .2s ease}
.ft .footer-link:hover{background:#05b3dc40}
.ft .sub-links{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;margin-top:15px}
.ft .sub-links a{font-size:14px;color:#B8D8E3}
.ft .bottom-section{padding:28px 0;text-align:center}
.ft .copyright{font-size:14px;color:#B8D8E3}
.cookie-box{position:fixed;right:30px;top:50%;transform:translateY(-50%) scale(0);background:#FFF;width:340px;padding:32px 28px;border-radius:26px;box-shadow:0 12px 36px #01214d40;z-index:9999;transition:transform .35s cubic-bezier(0.68,-0.55,0.265,1.55);border:2px solid #05B3DC}
.cookie-box.show{transform:translateY(-50%) scale(1)}
.cookie-box h3{font-size:20px;color:#01214D;margin-bottom:16px;font-weight:700}
.cookie-box p{font-size:14px;color:#4A5568;line-height:1.6;margin-bottom:20px}
.cookie-box .priv-level{margin-bottom:24px}
.cookie-box .priv-option{display:flex;align-items:center;gap:10px;margin-bottom:12px;cursor:pointer}
.cookie-box .priv-option input[type="radio"]{width:18px;height:18px;cursor:pointer}
.cookie-box .priv-option label{font-size:14px;color:#1A1A1A;cursor:pointer}
.cookie-box .btns{display:flex;flex-direction:column;gap:10px}
.cookie-box .btn-primary,.cookie-box .btn-secondary,.cookie-box .btn-info{padding:12px 24px;border:none;border-radius:50px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:'Lora',serif}
.cookie-box .btn-primary{background:linear-gradient(135deg,#05B3DC 0%,#0389A8 100%);color:#FFF}
.cookie-box .btn-primary:hover{background:linear-gradient(135deg,#0389A8 0%,#05B3DC 100%)}
.cookie-box .btn-secondary{background:#FFF3EE;color:#01214D}
.cookie-box .btn-secondary:hover{background:#FFE5D9}
.cookie-box .btn-info{background:transparent;color:#05B3DC;border:1px solid #05B3DC}
.cookie-box .btn-info:hover{background:#05b3dc1a}
.cookie-box .hint{font-size:12px;color:#718096;margin-top:16px;text-align:center}
.cookie-box .sale-opt{margin-top:18px;padding-top:18px;border-top:1px solid #E2E8F0}
.cookie-box .sale-opt label{display:flex;align-items:center;gap:8px;font-size:13px;color:#4A5568;cursor:pointer}
.cookie-box .sale-opt input[type="checkbox"]{width:16px;height:16px;cursor:pointer}
@media (max-width: 768px) {
.hd .top-row .site-wrap{flex-direction:column;align-items:center;text-align:center}
.hd .right-zone{align-items:center}
.navi{flex-direction:column;width:100%}
.navi a{width:100%;text-align:center}
.ft .info-grid{grid-template-columns:1fr}
.ft .link-section .site-wrap{flex-direction:column}
.cookie-box{right:15px;left:15px;width:auto}
}
@media (max-width: 480px) {
.hd .logo-holder{width:75px;height:75px}
.hd .logo-holder img{width:60px;height:60px}
.hd .brand-txt{font-size:22px}
.navi a{font-size:16px;padding:10px 20px}
}
.ab-wrap{max-width:1320px;margin:0 auto;padding:0 20px}
.topsec{padding:80px 0 60px;background:linear-gradient(127deg,#FFF3EE 0%,#05b3dc14 100%);position:relative;overflow:hidden}
.topsec::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#01214d0a 0%,transparent 70%);border-radius:50%;animation:floatDot 8s ease-in-out infinite}
@keyframes floatDot {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-30px,20px) scale(1.1)}
}
.topsec .ab-wrap{display:flex;align-items:center;gap:60px;flex-direction:row}
.leftcontent{flex:1;max-width:580px}
.rightimg{flex:1;position:relative}
.headtag{font-size:18px;font-weight:600;color:#05B3DC;margin-bottom:16px;text-transform:uppercase;letter-spacing:1.2px}
.bigtitle{font-size:52px;font-weight:700;color:#01214D;line-height:1.2;margin-bottom:24px}
.descr{font-size:18px;line-height:1.7;color:#333;margin-bottom:20px}
.imghold{position:relative;border-radius:32px;overflow:hidden;box-shadow:0 12px 32px #01214d26;animation:gentleFloat 6s ease-in-out infinite}
@keyframes gentleFloat {
0%,100%{transform:translateY(0)}
50%{transform:translateY(-12px)}
}
.imghold img{width:100%;height:auto;display:block;object-fit:cover}
.pattern-dots{position:absolute;bottom:-40px;left:-40px;width:120px;height:120px;background-image:radial-gradient(circle,#05B3DC 2px,transparent 2px);background-size:20px 20px;opacity:.3;z-index:1}
.mainsec{padding:100px 0;background:linear-gradient(213deg,#fff 0%,#FFF3EE 100%)}
.grid-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;margin-bottom:70px}
.leftzone{position:relative}
.stickytxt{position:sticky;top:40px}
.sectionhead{font-size:42px;font-weight:700;color:#01214D;line-height:1.3;margin-bottom:24px;position:relative;display:inline-block}
.sectionhead::after{content:'';position:absolute;bottom:-8px;left:0;width:80px;height:4px;background:linear-gradient(90deg,#05B3DC,#01214D);border-radius:2px}
.mainpar{font-size:17px;line-height:1.8;color:#444;margin-bottom:16px}
.rightzone{display:flex;flex-direction:column;gap:40px}
.storycard{background:#fff;border-radius:28px;padding:36px;box-shadow:0 6px 24px #01214d14;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}
.storycard::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#05B3DC,#01214D);transform:scaleY(0);transform-origin:bottom;transition:transform .4s ease}
.storycard:hover::before{transform:scaleY(1);transform-origin:top}
.storycard:hover{transform:translateY(-6px);box-shadow:0 16px 40px #01214d1f}
.cardlabel{font-size:14px;font-weight:600;color:#05B3DC;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
.cardhead{font-size:26px;font-weight:700;color:#01214D;margin-bottom:16px;line-height:1.3}
.cardtxt{font-size:16px;line-height:1.7;color:#555}
.photo-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px}
.showcase-item{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:1;box-shadow:0 8px 20px #01214d1a;transition:transform .4s cubic-bezier(0.34,1.56,0.64,1)}
.showcase-item:hover{transform:scale(1.05) rotate(2deg)}
.showcase-item img{width:100%;height:100%;object-fit:cover;display:block}
.showcase-item:nth-child(1){grid-column:1 / 3;grid-row:1 / 3}
.showcase-item:nth-child(2){grid-column:3}
.showcase-item:nth-child(3){grid-column:3}
.showcase-item:nth-child(4){grid-column:1}
.showcase-item:nth-child(5){grid-column:2 / 4}
@media (max-width: 1024px) {
.topsec .ab-wrap{flex-direction:column;gap:40px}
.leftcontent{max-width:100%}
.bigtitle{font-size:42px}
.grid-content{grid-template-columns:1fr;gap:50px}
.stickytxt{position:static}
.photo-showcase{grid-template-columns:repeat(2,1fr)}
.showcase-item:nth-child(1){grid-column:1 / 3;grid-row:auto}
.showcase-item:nth-child(2),.showcase-item:nth-child(3),.showcase-item:nth-child(4){grid-column:auto}
.showcase-item:nth-child(5){grid-column:1 / 3}
}
@media (max-width: 768px) {
.topsec{padding:60px 0 40px}
.bigtitle{font-size:36px}
.headtag{font-size:16px}
.descr{font-size:16px}
.sectionhead{font-size:32px}
.cardhead{font-size:22px}
.storycard{padding:28px}
.mainsec{padding:60px 0}
}
@media (max-width: 480px) {
.bigtitle{font-size:28px}
.sectionhead{font-size:26px}
.photo-showcase{grid-template-columns:1fr}
.showcase-item:nth-child(1),.showcase-item:nth-child(5){grid-column:auto}
.topsec::before{width:300px;height:300px}
}
.hero-navi{background:linear-gradient(127deg,#05B3DC 0%,#01214D 100%);padding:90px 20px 110px;position:relative;overflow:hidden}
.hero-navi::before{content:'';position:absolute;top:-40%;right:-10%;width:600px;height:600px;background:#fff3ee14;border-radius:40% 60% 70% 30%;transform:rotate(-15deg)}
.hero-navi::after{content:'';position:absolute;bottom:-20%;left:-5%;width:400px;height:400px;background:#fff3ee0f;border-radius:60% 40% 30% 70%}
.hero-holder{max-width:1320px;margin:0 auto;position:relative;z-index:2;display:flex;align-items:center;gap:60px}
.hero-content-wrap{flex:1}
.hero-img-side{flex:0 0 480px;position:relative}
.hero-img-side img{width:100%;height:520px;object-fit:cover;border-radius:32px;box-shadow:0 16px 48px #01214d4d}
.hero-img-side::before{content:'';position:absolute;top:-15px;left:-15px;right:15px;bottom:15px;border:3px solid #fff3ee66;border-radius:32px;z-index:-1}
.pretitle-tag{display:inline-block;background:#fff3ee33;color:#FFF3EE;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:20px;letter-spacing:.5px}
.hero-title-main{font-size:56px;line-height:1.1;color:#fff;margin:0 0 16px;font-weight:700}
.hero-title-second{font-size:38px;line-height:1.3;color:#FFF3EE;margin:0 0 28px;font-weight:400}
.hero-desc-txt{font-size:18px;line-height:1.6;color:#ffffffe6;margin:0;max-width:540px}
.courses-catalog-section{padding:100px 20px;background:#fff}
.catalog-container{max-width:1320px;margin:0 auto}
.catalog-intro-header{text-align:center;margin-bottom:70px}
.catalog-intro-header h2{font-size:42px;color:#01214D;margin:0 0 18px;font-weight:700}
.catalog-intro-header p{font-size:18px;line-height:1.6;color:#333;max-width:720px;margin:0 auto}
.course-grid-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.course-card-element{background:#FFF3EE;border-radius:28px;padding:36px;transition:all .3s ease;box-shadow:0 4px 12px #01214d14;position:relative}
.course-card-element:hover{transform:translateY(-8px);box-shadow:0 12px 32px #05b3dc33}
.course-level-badge{position:absolute;top:20px;right:20px;background:#05B3DC;color:#fff;padding:6px 16px;border-radius:16px;font-size:13px;font-weight:600}
.course-card-element h3{font-size:26px;color:#01214D;margin:0 0 14px;font-weight:700}
.course-card-element p{font-size:16px;line-height:1.6;color:#333;margin:0 0 24px}
.course-meta-info{display:flex;gap:20px;margin-bottom:24px;flex-wrap:wrap}
.meta-item-box{display:flex;align-items:center;gap:8px;font-size:14px;color:#555}
.meta-item-box::before{content:'';width:6px;height:6px;background:#05B3DC;border-radius:50%}
.course-enroll-butt{display:inline-block;background:linear-gradient(135deg,#05B3DC 0%,#01214D 100%);color:#fff;padding:14px 32px;border-radius:24px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #05b3dc4d}
.course-enroll-butt:hover{transform:scale(1.05);box-shadow:0 6px 20px #05b3dc66}
.learning-paths-section{padding:90px 20px;background:linear-gradient(165deg,#01214D 0%,#05B3DC 100%);position:relative}
.paths-container{max-width:1320px;margin:0 auto}
.paths-header-txt{text-align:center;margin-bottom:60px}
.paths-header-txt h2{font-size:40px;color:#fff;margin:0 0 16px;font-weight:700}
.paths-header-txt p{font-size:17px;line-height:1.6;color:#ffffffe6;max-width:680px;margin:0 auto}
.paths-grid-holder{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.path-item-card{background:#fff3ee1f;border-radius:32px;padding:44px;backdrop-filter:blur(10px);border:2px solid #fff3ee33;transition:all .3s ease}
.path-item-card:hover{background:#fff3ee2e;border-color:#fff3ee66;transform:translateX(8px)}
.path-icon-holder{width:70px;height:70px;background:#05B3DC;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 8px 24px #05b3dc66}
.path-icon-holder svg{width:36px;height:36px;fill:#fff}
.path-item-card h3{font-size:28px;color:#fff;margin:0 0 16px;font-weight:700}
.path-item-card p{font-size:16px;line-height:1.7;color:#ffffffd9;margin:0 0 20px}
.path-steps-list{list-style:none;padding:0;margin:0}
.path-steps-list li{font-size:15px;color:#FFF3EE;padding:10px 0 10px 28px;position:relative}
.path-steps-list li::before{content:'→';position:absolute;left:0;color:#05B3DC;font-weight:700}
.tech-tools-section{padding:100px 20px;background:#FFF3EE}
.tools-container{max-width:1320px;margin:0 auto}
.tools-intro-block{max-width:800px;margin:0 auto 60px;text-align:center}
.tools-intro-block h2{font-size:40px;color:#01214D;margin:0 0 18px;font-weight:700;position:relative;display:inline-block}
.tools-intro-block h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:120px;height:4px;background:linear-gradient(90deg,#05B3DC 0%,#01214D 100%);border-radius:2px}
.tools-intro-block p{font-size:17px;line-height:1.7;color:#333;margin:20px 0 0}
.tools-masonry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.tool-card-box{background:#fff;border-radius:24px;padding:32px 24px;text-align:center;transition:all .3s ease;box-shadow:0 4px 12px #01214d14}
.tool-card-box:hover{transform:translateY(-6px);box-shadow:0 10px 28px #05b3dc33;background:linear-gradient(135deg,#fff 0%,#FFF3EE 100%)}
.tool-icon-circle{width:60px;height:60px;background:linear-gradient(135deg,#05B3DC 0%,#01214D 100%);border-radius:50%;margin:0 auto 18px;display:flex;align-items:center;justify-content:center}
.tool-icon-circle svg{width:30px;height:30px;fill:#fff}
.tool-card-box h4{font-size:18px;color:#01214D;margin:0 0 8px;font-weight:700}
.tool-card-box p{font-size:14px;line-height:1.5;color:#555;margin:0}
.enrollment-cta-section{padding:90px 20px;background:#fff}
.cta-container{max-width:1100px;margin:0 auto;background:linear-gradient(142deg,#05B3DC 0%,#01214D 100%);border-radius:36px;padding:70px 60px;text-align:center;position:relative;overflow:hidden}
.cta-container::before{content:'';position:absolute;top:-30%;right:-15%;width:400px;height:400px;background:#fff3ee1a;border-radius:50%}
.cta-container::after{content:'';position:absolute;bottom:-25%;left:-10%;width:350px;height:350px;background:#fff3ee14;border-radius:50%}
.cta-content-zone{position:relative;z-index:2}
.cta-content-zone h2{font-size:44px;color:#fff;margin:0 0 20px;font-weight:700}
.cta-content-zone p{font-size:19px;line-height:1.6;color:#ffffffe6;margin:0 0 36px;max-width:680px;margin-left:auto;margin-right:auto}
.cta-button-primary{display:inline-block;background:#fff;color:#01214D;padding:18px 48px;border-radius:28px;text-decoration:none;font-weight:700;font-size:17px;transition:all .3s ease;box-shadow:0 8px 24px #00000026}
.cta-button-primary:hover{transform:translateY(-4px);box-shadow:0 12px 36px #00000040;background:#FFF3EE}
@media (max-width: 1280px) {
.hero-holder{gap:40px}
.hero-img-side{flex:0 0 400px}
.hero-img-side img{height:450px}
.hero-title-main{font-size:48px}
.hero-title-second{font-size:32px}
.course-grid-wrap{gap:32px}
.tools-masonry-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width: 1024px) {
.hero-holder{flex-direction:column;gap:50px}
.hero-img-side{flex:0 0 auto;width:100%;max-width:500px}
.hero-img-side img{height:400px}
.hero-content-wrap{text-align:center}
.hero-desc-txt{margin-left:auto;margin-right:auto}
.course-grid-wrap{grid-template-columns:repeat(2,1fr)}
.paths-grid-holder{gap:40px}
.tools-masonry-grid{grid-template-columns:repeat(3,1fr);gap:24px}
.cta-container{padding:60px 40px}
.cta-content-zone h2{font-size:38px}
}
@media (max-width: 768px) {
.hero-navi{padding:60px 20px 80px}
.hero-title-main{font-size:38px}
.hero-title-second{font-size:26px}
.hero-desc-txt{font-size:16px}
.hero-img-side img{height:340px}
.courses-catalog-section{padding:70px 20px}
.catalog-intro-header h2{font-size:34px}
.course-grid-wrap{grid-template-columns:1fr;gap:28px}
.paths-grid-holder{grid-template-columns:1fr;gap:32px}
.path-item-card{padding:36px}
.tools-masonry-grid{grid-template-columns:repeat(2,1fr);gap:20px}
.cta-container{padding:50px 30px;border-radius:28px}
.cta-content-zone h2{font-size:32px}
.cta-content-zone p{font-size:17px}
}
@media (max-width: 480px) {
.hero-title-main{font-size:32px}
.hero-title-second{font-size:22px}
.hero-img-side img{height:280px}
.catalog-intro-header h2{font-size:28px}
.course-card-element{padding:28px}
.course-card-element h3{font-size:22px}
.path-item-card{padding:28px}
.path-item-card h3{font-size:24px}
.tools-masonry-grid{grid-template-columns:1fr}
.cta-container{padding:40px 24px}
.cta-content-zone h2{font-size:28px}
.cta-button-primary{padding:16px 36px;font-size:16px}
}
.hT{background:linear-gradient(135deg,#FFF3EE 0%,#fff 100%);padding:80px 20px;position:relative;overflow:hidden}
.hT::before{content:'';position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,#05b3dc14 0%,transparent 70%);border-radius:50%;z-index:1}
.hT .wrap-ct{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.hT .row-main{display:flex;align-items:center;gap:60px}
.hT .txt-area{flex:1}
.hT .img-area{flex:1;position:relative}
.hT .img-area::before{content:'';position:absolute;top:-15px;left:-15px;width:80px;height:80px;background:repeating-linear-gradient(45deg,#05B3DC 0px,#05B3DC 4px,transparent 4px,transparent 12px);opacity:.3;border-radius:50%}
.hT .img-area::after{content:'';position:absolute;bottom:-20px;right:-20px;width:100px;height:100px;background:repeating-linear-gradient(-45deg,#01214D 0px,#01214D 3px,transparent 3px,transparent 10px);opacity:.2;border-radius:50%}
.hT .mainPic{width:100%;height:auto;border-radius:30px;box-shadow:0 12px 40px #01214d26}
.hT .titleH1{font-size:52px;font-weight:700;color:#01214D;margin:0 0 20px;line-height:1.2}
.hT .titleH1 span{color:#05B3DC;position:relative}
.hT .titleH1 span::after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#05B3DC 0%,transparent 100%)}
.hT .subText{font-size:18px;line-height:1.7;color:#333;margin:0 0 35px}
.hT .btn-start{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#05B3DC 0%,#0398bd 100%);color:#fff;font-size:17px;font-weight:600;text-decoration:none;border-radius:28px;box-shadow:0 6px 20px #05b3dc4d;transition:all .3s ease;position:relative;z-index:10}
.hT .btn-start:hover{transform:translateY(-2px);box-shadow:0 10px 30px #05b3dc66}
.pathways{padding:90px 20px;background:#fff}
.pathways .content-holder{max-width:1320px;margin:0 auto}
.pathways .section-head{text-align:center;margin-bottom:60px}
.pathways .hl2{font-size:42px;font-weight:700;color:#01214D;margin:0 0 15px;position:relative;display:inline-block}
.pathways .hl2::before{content:'';position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,#05B3DC 0%,#01214D 100%);border-radius:2px}
.pathways .descr{font-size:17px;color:#555;max-width:720px;margin:0 auto;line-height:1.6}
.pathways .grid-dirs{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}
.pathways .dir-card{background:linear-gradient(145deg,#FFF3EE 0%,#fff 100%);padding:40px 30px;border-radius:25px;box-shadow:0 4px 20px #01214d14;transition:all .35s ease;position:relative;overflow:hidden}
.pathways .dir-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#05B3DC 0%,#01214D 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.pathways .dir-card:hover::before{transform:scaleX(1)}
.pathways .dir-card:hover{transform:translateY(-8px);box-shadow:0 12px 35px #05b3dc26}
.pathways .dir-icon{width:70px;height:70px;background:linear-gradient(135deg,#05B3DC 0%,#0398bd 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:25px;box-shadow:0 6px 18px #05b3dc40}
.pathways .dir-icon svg{width:35px;height:35px;fill:#fff}
.pathways .dir-title{font-size:24px;font-weight:700;color:#01214D;margin:0 0 15px}
.pathways .dir-desc{font-size:16px;line-height:1.6;color:#444;margin:0}
.journeyBlock{padding:90px 20px;background:linear-gradient(155deg,#01214D 0%,#012a5c 100%);position:relative;overflow:hidden}
.journeyBlock::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,#05b3dc26 0%,transparent 70%);border-radius:50%}
.journeyBlock .wrapper-j{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.journeyBlock .top-section{text-align:center;margin-bottom:70px}
.journeyBlock .h2j{font-size:44px;font-weight:700;color:#fff;margin:0 0 20px}
.journeyBlock .intro-j{font-size:18px;color:#f0f0f0;max-width:800px;margin:0 auto;line-height:1.7}
.journeyBlock .timeline-wrap{position:relative;padding:40px 0}
.journeyBlock .timeline-wrap::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:4px;height:100%;background:linear-gradient(180deg,#05B3DC 0%,#FFF3EE 100%)}
.journeyBlock .step-item{display:flex;gap:40px;margin-bottom:50px;position:relative}
.journeyBlock .step-item:nth-child(odd){flex-direction:row}
.journeyBlock .step-item:nth-child(even){flex-direction:row-reverse}
.journeyBlock .step-content{flex:1;background:#ffffff14;padding:30px;border-radius:20px;backdrop-filter:blur(10px);border:1px solid #ffffff1a;box-shadow:0 8px 25px #0003}
.journeyBlock .step-item:nth-child(odd) .step-content{text-align:right}
.journeyBlock .step-item:nth-child(even) .step-content{text-align:left}
.journeyBlock .step-num{width:50px;height:50px;background:linear-gradient(135deg,#05B3DC 0%,#0398bd 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;position:absolute;left:50%;transform:translateX(-50%);z-index:3;box-shadow:0 4px 15px #05b3dc66}
.journeyBlock .step-spacer{flex:1}
.journeyBlock .step-h{font-size:22px;font-weight:700;color:#05B3DC;margin:0 0 12px}
.journeyBlock .step-p{font-size:16px;color:#e0e0e0;margin:0;line-height:1.6}
.expertise-sec{padding:90px 20px;background:#fff}
.expertise-sec .container-exp{max-width:1320px;margin:0 auto}
.expertise-sec .layout-split{display:flex;gap:60px;align-items:center}
.expertise-sec .visual-side{flex:1;position:relative}
.expertise-sec .exp-img{width:100%;height:auto;border-radius:28px;box-shadow:0 10px 35px #01214d1f}
.expertise-sec .visual-side::after{content:'';position:absolute;bottom:-25px;right:-25px;width:150px;height:150px;background:linear-gradient(135deg,#05b3dc26 0%,transparent 100%);border-radius:50%;z-index:-1}
.expertise-sec .text-side{flex:1}
.expertise-sec .h2exp{font-size:40px;font-weight:700;color:#01214D;margin:0 0 25px;line-height:1.3}
.expertise-sec .h2exp::before{content:'';display:block;width:70px;height:5px;background:linear-gradient(90deg,#05B3DC 0%,#01214D 100%);margin-bottom:20px;border-radius:3px}
.expertise-sec .para-exp{font-size:17px;line-height:1.7;color:#444;margin:0 0 20px}
.expertise-sec .features-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:35px}
.expertise-sec .feat-box{background:linear-gradient(135deg,#FFF3EE 0%,#fff 100%);padding:20px;border-radius:18px;border-left:4px solid #05B3DC;box-shadow:0 3px 12px #05b3dc1a;transition:all .3s ease}
.expertise-sec .feat-box:hover{transform:translateX(5px);box-shadow:0 6px 20px #05b3dc33}
.expertise-sec .feat-title{font-size:18px;font-weight:600;color:#01214D;margin:0 0 8px}
.expertise-sec .feat-text{font-size:15px;color:#555;margin:0;line-height:1.5}
.expertise-sec .cta-exp{display:inline-block;margin-top:30px;padding:14px 35px;background:#01214D;color:#fff;font-size:16px;font-weight:600;text-decoration:none;border-radius:25px;box-shadow:0 5px 18px #01214d40;transition:all .3s ease;position:relative;z-index:10}
.expertise-sec .cta-exp:hover{background:linear-gradient(135deg,#01214D 0%,#012a5c 100%);transform:translateY(-3px);box-shadow:0 8px 25px #01214d59}
@media (max-width: 1024px) {
.hT .row-main{flex-direction:column}
.hT .titleH1{font-size:42px}
.pathways .grid-dirs{grid-template-columns:1fr 1fr}
.journeyBlock .timeline-wrap::before{left:20px}
.journeyBlock .step-item,.journeyBlock .step-item:nth-child(even){flex-direction:row;padding-left:60px}
.journeyBlock .step-num{left:20px;transform:translateX(0)}
.journeyBlock .step-spacer{display:none}
.journeyBlock .step-content,.journeyBlock .step-item:nth-child(odd) .step-content{text-align:left}
.expertise-sec .layout-split{flex-direction:column}
}
@media (max-width: 768px) {
.hT{padding:60px 20px}
.hT .titleH1{font-size:36px}
.hT .subText{font-size:16px}
.pathways{padding:60px 20px}
.pathways .hl2{font-size:32px}
.pathways .grid-dirs{grid-template-columns:1fr}
.journeyBlock{padding:60px 20px}
.journeyBlock .h2j{font-size:32px}
.expertise-sec{padding:60px 20px}
.expertise-sec .h2exp{font-size:32px}
.expertise-sec .features-grid{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.hT .titleH1{font-size:28px}
.hT .btn-start{padding:14px 30px;font-size:16px}
.pathways .hl2{font-size:28px}
.journeyBlock .h2j{font-size:28px}
.expertise-sec .h2exp{font-size:28px}
}
.ctc-pg{max-width:1320px;margin:0 auto;padding:0 20px}
.ti-wrap{position:relative;overflow:hidden;margin:40px 0 80px;min-height:420px}
.ti-wrap .bkimg{position:absolute;top:-60px;right:-100px;width:55%;height:calc(100% + 120px);object-fit:cover;opacity:.18;filter:grayscale(0.4)}
.ti-wrap .grid-dec{position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,#01214d05 0px,#01214d05 1px,transparent 1px,transparent 40px),repeating-linear-gradient(90deg,#01214d05 0px,#01214d05 1px,transparent 1px,transparent 40px);z-index:1}
.ti-wrap .txt-zone{position:relative;z-index:2;max-width:680px;padding:60px 0}
.ti-wrap .head-sm{font-size:17px;color:#05B3DC;font-weight:600;margin:0 0 12px}
.ti-wrap .head-lg{font-size:58px;line-height:1.1;color:#01214D;font-weight:800;margin:0 0 18px}
.ti-wrap .head-md{font-size:32px;line-height:1.3;color:#01214D;font-weight:500;margin:0}
.info-sec{margin:0 0 100px}
.info-sec .hold{display:flex;gap:50px;flex-wrap:wrap}
.info-sec .left-col{flex:1;min-width:320px}
.info-sec .right-col{flex:1.2;min-width:380px}
.info-sec h3{font-size:28px;color:#01214D;margin:0 0 24px;font-weight:700}
.info-sec p{font-size:16px;line-height:1.7;color:#2d2d2d;margin:0 0 20px}
.contact-det{background:#FFF3EE;border-radius:24px;padding:32px;margin:30px 0 0}
.contact-det .itm{margin:0 0 22px;display:flex;align-items:flex-start;gap:14px}
.contact-det .itm:last-child{margin:0}
.contact-det .ic{width:44px;height:44px;background:linear-gradient(135deg,#05B3DC,#01214D);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contact-det .ic svg{width:22px;height:22px;fill:#fff}
.contact-det .dtxt h4{font-size:14px;color:#01214D;margin:0 0 6px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.contact-det .dtxt a,.contact-det .dtxt span{font-size:16px;color:#2d2d2d;text-decoration:none;display:block;line-height:1.5}
.contact-det .dtxt a:hover{color:#05B3DC}
.form-area{background:#fff;border:2px solid #e8e8e8;border-radius:28px;padding:40px;box-shadow:0 4px 12px #01214d0f}
.form-area h3{font-size:26px;color:#01214D;margin:0 0 10px;font-weight:700}
.form-area .subh{font-size:15px;color:#666;margin:0 0 30px;line-height:1.6}
.form-area .fg{margin:0 0 24px}
.form-area label{display:block;font-size:15px;color:#01214D;font-weight:600;margin:0 0 8px}
.form-area input[type="text"],.form-area input[type="email"],.form-area textarea{width:100%;padding:14px 18px;border:2px solid #ddd;border-radius:12px;font-size:15px;transition:all .3s;box-sizing:border-box}
.form-area input[type="text"]:focus,.form-area input[type="email"]:focus,.form-area textarea:focus{outline:none;border-color:#05B3DC;box-shadow:0 0 0 3px #05b3dc1a}
.form-area textarea{resize:vertical;min-height:120px}
.radio-gr{display:flex;gap:20px;flex-wrap:wrap}
.radio-gr .ropt{position:relative}
.radio-gr input[type="radio"]{position:absolute;opacity:0}
.radio-gr .rlbl{display:block;padding:12px 24px;border:2px solid #ddd;border-radius:20px;cursor:pointer;font-size:15px;color:#2d2d2d;transition:all .3s;background:#fff}
.radio-gr input[type="radio"]:checked + .rlbl{border-color:#05B3DC;background:linear-gradient(135deg,#05b3dc1a,#01214d0d);color:#01214D;font-weight:600}
.radio-gr .rlbl:hover{border-color:#05B3DC}
.priv-box{margin:28px 0 0;display:flex;align-items:flex-start;gap:10px}
.priv-box input[type="checkbox"]{width:20px;height:20px;margin:2px 0 0;cursor:pointer;flex-shrink:0}
.priv-box .ptext{font-size:14px;color:#666;line-height:1.6}
.priv-box .ptext a{color:#05B3DC;text-decoration:none}
.priv-box .ptext a:hover{text-decoration:underline}
.sbmt{margin:32px 0 0;text-align:center}
.sbmt button{background:linear-gradient(125deg,#05B3DC,#01214D);color:#fff;border:none;padding:16px 50px;border-radius:30px;font-size:17px;font-weight:700;cursor:pointer;transition:all .4s;box-shadow:0 6px 16px #05b3dc4d}
.sbmt button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #05b3dc66}
.sbmt button:active{transform:translateY(0)}
.map-alt{margin:100px 0 80px;background:linear-gradient(160deg,#FFF3EE,#fff);border-radius:32px;padding:60px 40px;text-align:center}
.map-alt h3{font-size:30px;color:#01214D;margin:0 0 16px;font-weight:700}
.map-alt .adrs{font-size:18px;color:#2d2d2d;line-height:1.7;margin:0 0 12px}
.map-alt .region{font-size:16px;color:#666;margin:0}
@media(max-width:1024px) {
.ti-wrap .head-lg{font-size:46px}
.ti-wrap .head-md{font-size:26px}
.info-sec .hold{gap:40px}
}
@media(max-width:768px) {
.ti-wrap{margin:30px 0 60px;min-height:350px}
.ti-wrap .bkimg{width:70%;right:-50px}
.ti-wrap .txt-zone{padding:40px 0}
.ti-wrap .head-lg{font-size:38px}
.ti-wrap .head-md{font-size:22px}
.info-sec{margin:0 0 70px}
.info-sec .hold{flex-direction:column;gap:30px}
.info-sec .left-col,.info-sec .right-col{min-width:100%}
.form-area{padding:30px 24px}
.radio-gr{flex-direction:column;gap:12px}
.map-alt{margin:70px 0 60px;padding:40px 24px}
}
@media(max-width:480px) {
.ti-wrap .head-sm{font-size:15px}
.ti-wrap .head-lg{font-size:32px}
.ti-wrap .head-md{font-size:19px}
.ti-wrap .txt-zone{padding:30px 0}
.contact-det{padding:24px}
.form-area{padding:24px 18px}
.sbmt button{padding:14px 40px;font-size:16px}
}
.pgTop{background:linear-gradient(142deg,#05B3DC 0%,#01214D 100%);padding:80px 20px;position:relative;overflow:hidden}
.pgTop::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#fff3ee14;border-radius:50%;filter:blur(80px)}
.topWrap{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.topGrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.topTxt h1{font-size:52px;line-height:1.2;color:#FFF3EE;margin:0 0 24px;font-weight:700}
.topTxt p{font-size:19px;line-height:1.7;color:#FFF3EE;margin:0 0 16px;opacity:.95}
.imgBox{position:relative;border-radius:32px;overflow:hidden;box-shadow:0 12px 40px #01214d40}
.imgBox img{width:100%;height:480px;object-fit:cover;display:block;mix-blend-mode:luminosity;opacity:.85}
.imgBox::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#05b3dc4d 0%,#01214d66 100%);pointer-events:none}
.progContent{max-width:1320px;margin:90px auto;padding:0 20px}
.modGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:80px}
.modCard{background:#fff;border-radius:28px;padding:40px 32px;box-shadow:0 4px 16px #01214d14;border:2px solid transparent;transition:all .3s ease;position:relative}
.modCard:hover{border-color:#05B3DC;box-shadow:0 8px 24px #05b3dc26;transform:translateY(-4px)}
.modNum{font-size:48px;font-weight:700;color:#FFF3EE;background:linear-gradient(125deg,#05B3DC 0%,#01214D 100%);width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.modCard h3{font-size:24px;color:#01214D;margin:0 0 16px;font-weight:600}
.modCard p{font-size:16px;line-height:1.6;color:#444;margin:0 0 20px}
.weekTag{display:inline-block;background:#05b3dc1a;color:#05B3DC;padding:6px 16px;border-radius:16px;font-size:14px;font-weight:600}
.skillArea{background:linear-gradient(165deg,#FFF3EE 0%,#fff 100%);padding:70px 20px;margin-bottom:80px;border-radius:40px}
.skillWrap{max-width:1320px;margin:0 auto}
.skillArea h2{font-size:42px;color:#01214D;margin:0 0 48px;text-align:center;font-weight:700}
.skillFlex{display:flex;gap:48px;align-items:flex-start}
.skillCol{flex:1}
.skillBox{margin-bottom:32px}
.skillBox h4{font-size:20px;color:#01214D;margin:0 0 12px;font-weight:600;position:relative;padding-left:28px}
.skillBox h4::before{content:'';position:absolute;left:0;top:4px;width:16px;height:16px;background:#05B3DC;border-radius:4px}
.skillBox ul{list-style:none;padding:0;margin:0}
.skillBox li{font-size:16px;color:#555;padding:8px 0 8px 28px;position:relative;line-height:1.5}
.skillBox li::before{content:'→';position:absolute;left:0;color:#05B3DC;font-weight:700}
.timelineArea{max-width:1320px;margin:0 auto 80px;padding:0 20px}
.timelineArea h2{font-size:42px;color:#01214D;margin:0 0 56px;text-align:center;font-weight:700}
.timeline{position:relative;padding-left:80px}
.timeline::before{content:'';position:absolute;left:24px;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#05B3DC 0%,#01214D 100%);border-radius:4px}
.timePoint{position:relative;margin-bottom:48px}
.timePoint::before{content:'';position:absolute;left:-68px;top:8px;width:20px;height:20px;background:#05B3DC;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #05b3dc33}
.timePoint h5{font-size:22px;color:#01214D;margin:0 0 12px;font-weight:600}
.timePoint p{font-size:16px;line-height:1.6;color:#555;margin:0 0 16px}
.weekInfo{display:inline-flex;align-items:center;gap:12px;background:#01214d0d;padding:8px 20px;border-radius:20px;font-size:15px;color:#01214D;font-weight:600}
.enrollBox{background:linear-gradient(148deg,#01214D 0%,#05B3DC 100%);padding:80px 20px;border-radius:40px;text-align:center}
.enrollWrap{max-width:840px;margin:0 auto}
.enrollBox h2{font-size:44px;color:#FFF3EE;margin:0 0 20px;font-weight:700}
.enrollBox p{font-size:18px;line-height:1.7;color:#FFF3EE;margin:0 0 36px;opacity:.95}
.ctaButton{display:inline-block;background:#FFF3EE;color:#01214D;padding:18px 48px;border-radius:28px;font-size:18px;font-weight:700;text-decoration:none;transition:all .3s ease;box-shadow:0 6px 20px #00000026}
.ctaButton:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0003}
@media (max-width: 1024px) {
.topGrid{grid-template-columns:1fr;gap:40px}
.topTxt h1{font-size:42px}
.modGrid{grid-template-columns:1fr}
.skillFlex{flex-direction:column}
.timeline{padding-left:60px}
}
@media (max-width: 768px) {
.pgTop{padding:60px 16px}
.topTxt h1{font-size:36px}
.topTxt p{font-size:17px}
.imgBox img{height:320px}
.progContent{margin:60px auto;padding:0 16px}
.modCard{padding:32px 24px}
.skillArea{padding:50px 16px;margin-bottom:60px}
.skillArea h2,.timelineArea h2{font-size:32px;margin-bottom:32px}
.enrollBox{padding:60px 16px}
.enrollBox h2{font-size:34px}
.ctaButton{padding:16px 36px;font-size:17px}
}
@media (max-width: 480px) {
.topTxt h1{font-size:30px}
.modNum{width:60px;height:60px;font-size:38px}
.modCard h3{font-size:21px}
.timeline{padding-left:48px}
.timeline::before{left:18px}
.timePoint::before{left:-54px}
}
.cookieHdr{background:linear-gradient(142deg,#05B3DC 0%,#01214D 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.cookieHdr::before{content:'';position:absolute;top:0;left:-2px;right:-2px;height:1px;background:#fff3ee4d}
.cookieHdr::after{content:'';position:absolute;bottom:0;left:-2px;right:-2px;height:1px;background:#fff3ee4d}
.hdr-wrap{max-width:1320px;margin:0 auto;display:flex;align-items:center;gap:40px}
.hdr-left-shape,.hdr-right-shape{flex-shrink:0;width:180px;height:180px;position:relative}
.hdr-left-shape::before{content:'';position:absolute;inset:0;background:linear-gradient(225deg,#FFF3EE 0%,#fff3ee1a 100%);border-radius:28px;transform:rotate(-12deg);box-shadow:0 8px 24px #01214d4d}
.hdr-left-shape::after{content:'';position:absolute;inset:20px;background:#05b3dc26;border-radius:20px;transform:rotate(8deg)}
.hdr-right-shape::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#fff3eee6 0%,#fff3ee33 100%);border-radius:32px;transform:rotate(15deg);box-shadow:0 6px 20px #01214d40}
.hdr-right-shape::after{content:'';position:absolute;inset:15px;background:#05b3dc33;border-radius:24px;transform:rotate(-10deg)}
.hdrtxt{flex:1;text-align:center;color:#FFF3EE}
.hdrtxt h1{font-size:48px;font-weight:700;margin:0;line-height:1.2;letter-spacing:-.5px}
.policyContent{max-width:1320px;margin:0 auto;padding:80px 20px}
.pol-intro{background:#FFF3EE;padding:50px;border-radius:32px;margin-bottom:60px;box-shadow:0 4px 16px #01214d14;position:relative}
.pol-intro::before{content:'';position:absolute;top:-2px;left:40px;right:40px;height:3px;background:linear-gradient(90deg,#05B3DC 0%,#01214D 100%);border-radius:2px}
.pol-intro p{font-size:17px;line-height:1.7;color:#01214D;margin:0 0 20px}
.pol-intro p:last-child{margin-bottom:0}
.pol-intro strong{color:#05B3DC;font-weight:600}
.policyBlocks{display:grid;grid-template-columns:1fr;gap:50px}
.pol-block{background:linear-gradient(135deg,#05b3dc08 0%,#01214d05 100%);padding:45px;border-radius:28px;border-left:4px solid #05B3DC;box-shadow:0 2px 12px #01214d0f}
.pol-block h2{font-size:28px;font-weight:700;color:#01214D;margin:0 0 25px;line-height:1.3;position:relative;padding-left:20px}
.pol-block h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#05B3DC;border-radius:50%}
.pol-block h3{font-size:21px;font-weight:600;color:#01214D;margin:30px 0 15px;line-height:1.4}
.pol-block p{font-size:16px;line-height:1.8;color:#333;margin:0 0 18px}
.pol-block p:last-child{margin-bottom:0}
.pol-block ul{margin:20px 0;padding-left:0;list-style:none}
.pol-block ul li{font-size:16px;line-height:1.7;color:#333;margin-bottom:12px;padding-left:30px;position:relative}
.pol-block ul li::before{content:'';position:absolute;left:0;top:8px;width:16px;height:16px;background:linear-gradient(135deg,#05B3DC 0%,#01214D 100%);border-radius:4px;transform:rotate(45deg)}
.pol-block strong{color:#01214D;font-weight:600}
.pol-block em{color:#05B3DC;font-style:normal}
.pol-table{margin:25px 0;overflow-x:auto}
.pol-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 10px #01214d0d}
.pol-table thead{background:linear-gradient(90deg,#01214D 0%,#05B3DC 100%)}
.pol-table thead th{padding:18px 20px;text-align:left;font-size:15px;font-weight:600;color:#FFF3EE;border-bottom:2px solid #fff3ee33}
.pol-table tbody td{padding:16px 20px;font-size:15px;color:#333;border-bottom:1px solid #01214d14}
.pol-table tbody tr:last-child td{border-bottom:none}
.pol-table tbody tr:nth-child(even){background:#fff3ee4d}
.contactInfo{background:linear-gradient(148deg,#01214D 0%,#05B3DC 100%);padding:50px;border-radius:32px;margin-top:60px;color:#FFF3EE;text-align:center;box-shadow:0 8px 24px #01214d26}
.contactInfo h2{font-size:32px;font-weight:700;margin:0 0 25px;line-height:1.2}
.contactInfo p{font-size:17px;line-height:1.7;margin:0 0 15px;opacity:.95}
.contactInfo a{color:#FFF3EE;text-decoration:underline;transition:opacity .3s ease}
.contactInfo a:hover{opacity:.8}
@media (max-width: 1024px) {
.hdr-wrap{gap:30px}
.hdr-left-shape,.hdr-right-shape{width:140px;height:140px}
.hdrtxt h1{font-size:38px}
.pol-block{padding:35px}
}
@media (max-width: 768px) {
.cookieHdr{padding:60px 20px 50px}
.hdr-wrap{flex-direction:column;gap:25px}
.hdr-left-shape,.hdr-right-shape{width:120px;height:120px}
.hdrtxt h1{font-size:32px}
.policyContent{padding:60px 20px}
.pol-intro{padding:35px 25px}
.pol-block{padding:30px 20px}
.pol-block h2{font-size:24px}
.pol-block h3{font-size:19px}
.contactInfo{padding:35px 25px}
.contactInfo h2{font-size:26px}
}
@media (max-width: 480px) {
.hdr-left-shape,.hdr-right-shape{width:100px;height:100px}
.hdrtxt h1{font-size:26px}
.pol-intro{padding:25px 20px}
.pol-intro::before{left:20px;right:20px}
.pol-block{padding:25px 18px}
.pol-table thead th,.pol-table tbody td{padding:12px 15px;font-size:14px}
}
.pp-top{background:linear-gradient(157deg,#05B3DC 0%,#01214D 100%);padding:80px 20px 60px;position:relative;overflow:hidden;border-radius:0 0 32px 32px}
.pp-top::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#fff3ee14;border-radius:50%;z-index:1}
.pp-top::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:#fff3ee0d;border-radius:50%;z-index:1}
.pp-top-holder{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.pp-top h1{font-size:48px;font-weight:700;color:#FFF3EE;margin:0 0 16px;line-height:1.2}
.pp-top .subtitle{font-size:20px;color:#fff3eee6;margin:0 0 12px;font-weight:500}
.pp-top .update-date{font-size:14px;color:#fff3eeb3;margin:0}
.policy-content{max-width:1320px;margin:60px auto;padding:0 20px}
.policy-sec{margin-bottom:48px}
.policy-sec h2{font-size:32px;font-weight:700;color:#01214D;margin:0 0 20px;line-height:1.3;position:relative;padding-left:20px}
.policy-sec h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:24px;background:linear-gradient(180deg,#05B3DC,#01214D);border-radius:3px}
.policy-sec h3{font-size:24px;font-weight:600;color:#01214D;margin:32px 0 16px;line-height:1.4}
.policy-sec p{font-size:16px;line-height:1.7;color:#333;margin:0 0 16px}
.policy-sec ul{list-style:none;padding:0;margin:0 0 20px}
.policy-sec li{font-size:16px;line-height:1.7;color:#333;margin:0 0 12px;padding-left:28px;position:relative}
.policy-sec li::before{content:'';position:absolute;left:0;top:10px;width:8px;height:8px;background:#05B3DC;border-radius:50%}
.policy-sec strong{color:#01214D;font-weight:600}
.contact-box{background:linear-gradient(135deg,#FFF3EE 0%,#fff 100%);border-radius:24px;padding:32px;margin-top:40px;border:2px solid #05b3dc26}
.contact-box h3{font-size:22px;font-weight:600;color:#01214D;margin:0 0 16px}
.contact-box p{font-size:16px;line-height:1.6;color:#333;margin:0 0 12px}
.contact-box a{color:#05B3DC;text-decoration:none;font-weight:500;transition:color .3s ease}
.contact-box a:hover{color:#01214D}
@media (max-width: 768px) {
.pp-top{padding:60px 20px 40px;border-radius:0 0 24px 24px}
.pp-top h1{font-size:36px}
.pp-top .subtitle{font-size:18px}
.policy-content{margin:40px auto}
.policy-sec{margin-bottom:36px}
.policy-sec h2{font-size:28px}
.policy-sec h3{font-size:22px}
.contact-box{padding:24px}
}
@media (max-width: 480px) {
.pp-top h1{font-size:28px}
.pp-top .subtitle{font-size:16px}
.policy-sec h2{font-size:24px}
.policy-sec h3{font-size:20px}
}
.success-wrap{max-width:1320px;margin:0 auto;padding:0 20px}
.hero-success-zone{min-height:75vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(127deg,#FFF3EE 0%,#fff 45%,#e8f8fd 100%)}
.hero-success-zone::before{content:'';position:absolute;top:-20%;right:-15%;width:600px;height:600px;background:radial-gradient(circle,#05b3dc14 0%,transparent 70%);border-radius:50%;z-index:1}
.hero-success-zone::after{content:'';position:absolute;bottom:-25%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#01214d0f 0%,transparent 70%);border-radius:50%;z-index:1}
.success-content-holder{position:relative;z-index:2;text-align:center;max-width:680px}
.success-icon-circle{width:120px;height:120px;margin:0 auto 32px;background:linear-gradient(135deg,#05B3DC 0%,#0393b8 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #05b3dc4d;animation:pulse-grow 2s ease-in-out infinite}
@keyframes pulse-grow {
0%,100%{transform:scale(1);box-shadow:0 8px 24px #05b3dc4d}
50%{transform:scale(1.05);box-shadow:0 12px 32px #05b3dc66}
}
.success-icon-circle::before{content:'';font-size:64px;color:#fff;font-weight:700;line-height:1}
.success-main-hed{font-size:48px;font-weight:700;color:#01214D;margin:0 0 20px;line-height:1.2}
.success-sub-text{font-size:20px;color:#2c3e50;line-height:1.6;margin:0 0 36px}
.info-boxes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:48px 0 0}
.info-card-item{background:#fff;padding:32px 24px;border-radius:24px;border:2px solid #f0f4f7;text-align:left;transition:all .3s ease}
.info-card-item:hover{border-color:#05B3DC;box-shadow:0 6px 20px #05b3dc26;transform:translateY(-4px)}
.info-card-item .wi{font-size:40px;color:#05B3DC;margin-bottom:16px;display:block}
.info-card-item h3{font-size:20px;font-weight:700;color:#01214D;margin:0 0 12px}
.info-card-item p{font-size:16px;color:#4a5568;line-height:1.6;margin:0}
.action-buttons-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:40px 0 0}
.btn-primary-success{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#05B3DC 0%,#0393b8 100%);color:#fff;font-size:18px;font-weight:600;text-decoration:none;border-radius:28px;transition:all .3s ease;box-shadow:0 4px 12px #05b3dc40}
.btn-primary-success:hover{background:linear-gradient(135deg,#0393b8 0%,#027a9a 100%);box-shadow:0 6px 18px #05b3dc59;transform:translateY(-2px);color:#fff}
.btn-secondary-alt{display:inline-block;padding:16px 40px;background:transparent;color:#01214D;font-size:18px;font-weight:600;text-decoration:none;border-radius:28px;border:2px solid #01214D;transition:all .3s ease}
.btn-secondary-alt:hover{background:#01214D;color:#fff;transform:translateY(-2px)}
.timeline-steps{max-width:900px;margin:64px auto 0;padding:48px 32px;background:#fff;border-radius:32px;box-shadow:0 4px 16px #0000000f}
.timeline-heading{font-size:32px;font-weight:700;color:#01214D;text-align:center;margin:0 0 48px}
.step-item-box{display:flex;gap:24px;margin-bottom:32px;position:relative}
.step-item-box:last-child{margin-bottom:0}
.step-item-box:not(:last-child)::after{content:'';position:absolute;left:27px;top:56px;bottom:-32px;width:2px;background:linear-gradient(180deg,#05B3DC 0%,#e8f8fd 100%)}
.step-number-bubble{flex-shrink:0;width:56px;height:56px;background:linear-gradient(135deg,#05B3DC 0%,#0393b8 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;box-shadow:0 4px 12px #05b3dc40;position:relative;z-index:2}
.step-content-detail{flex:1;padding-top:4px}
.step-content-detail h4{font-size:20px;font-weight:700;color:#01214D;margin:0 0 8px}
.step-content-detail p{font-size:16px;color:#4a5568;line-height:1.6;margin:0}
.contact-info-section{text-align:center;margin:64px 0 0;padding:40px 24px;background:linear-gradient(135deg,#FFF3EE 0%,#fff 100%);border-radius:28px}
.contact-info-section h3{font-size:24px;font-weight:700;color:#01214D;margin:0 0 20px}
.contact-info-section p{font-size:16px;color:#4a5568;line-height:1.6;margin:0 0 24px}
.contact-details-list{display:flex;gap:32px;justify-content:center;flex-wrap:wrap}
.contact-detail-link{display:flex;align-items:center;gap:8px;font-size:16px;color:#05B3DC;text-decoration:none;font-weight:600;transition:color .3s ease}
.contact-detail-link:hover{color:#0393b8}
.contact-detail-link .wi{font-size:20px}
@media (max-width: 768px) {
.success-main-hed{font-size:36px}
.success-sub-text{font-size:18px}
.info-boxes-grid{grid-template-columns:1fr}
.timeline-heading{font-size:26px}
.action-buttons-row{flex-direction:column}
.btn-primary-success,.btn-secondary-alt{width:100%;text-align:center}
.contact-details-list{flex-direction:column;gap:16px}
.hero-success-zone::before,.hero-success-zone::after{width:300px;height:300px}
}
@media (max-width: 480px) {
.success-icon-circle{width:100px;height:100px}
.success-icon-circle::before{font-size:52px}
.success-main-hed{font-size:28px}
.step-item-box{flex-direction:column;gap:12px}
.step-item-box:not(:last-child)::after{left:27px;top:70px}
}