.iceberg-section{padding:12px 0 42px}
.iceberg-layout{position:relative;display:grid;grid-template-columns:minmax(250px,.82fr) minmax(0,1.35fr);gap:28px;align-items:center;padding:clamp(22px,4vw,44px);overflow:hidden;border:1px solid #fff;border-radius:26px;background:linear-gradient(135deg,#eff4f7 0%,#e3ebf0 47%,#d4dfe7 100%);box-shadow:0 18px 48px #253e5512}
.iceberg-scene{position:relative;isolation:isolate;min-height:570px;overflow:hidden;border:1px solid #ffffffa8;border-radius:20px;background:radial-gradient(ellipse at 50% 31%,#e7f6ff 0%,#b7d0df 46%,#718ba0 100%);box-shadow:inset 0 1px #fff, inset 0 0 55px #e8f8ff4d,0 15px 35px #243f5722}
.iceberg-scene:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#e7f6ff21 0 34%,#172b4163 34.2%,#1e344b8f 100%),radial-gradient(ellipse at 50% 100%,#a9bfd1 0%,#536f88 48%,transparent 75%)}
.iceberg-scene:after{content:"";position:absolute;z-index:1;top:0;bottom:0;left:-45%;width:38%;pointer-events:none;background:linear-gradient(100deg,transparent,#fff9,transparent);transform:skewX(-18deg);animation:ice-glint 9s ease-in-out infinite}
.iceberg-caption{position:absolute;z-index:5;top:22px;left:20px;color:#f7fbff;font-size:10px;font-weight:700;letter-spacing:.16em;text-shadow:0 1px 12px #19344c70}
.iceberg-waterline{position:absolute;z-index:4;top:34%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#a9d4ef 12%,#fff 50%,#8bb8d7 88%,transparent);box-shadow:0 0 7px #dff6ff,0 0 20px #9dc8e8}
.iceberg-waterline:after{content:"";position:absolute;left:10%;right:10%;top:-9px;height:18px;background:linear-gradient(90deg,transparent,#dbf4ff35,transparent);filter:blur(5px)}
.iceberg-waterline span{position:absolute;right:14px;top:-19px;color:#eff8ff;font-size:8px;letter-spacing:.16em;text-shadow:0 1px 8px #18324b}
.iceberg-peak{position:absolute;z-index:3;top:8%;left:50%;width:190px;height:190px;transform:translateX(-50%);clip-path:polygon(50% 0,59% 15%,56% 24%,70% 40%,64% 48%,78% 63%,71% 71%,87% 100%,12% 100%,25% 78%,20% 70%,34% 52%,30% 43%,43% 27%,41% 18%);background:linear-gradient(112deg,#6e8497 0%,#dce9f0 15%,#fff 27%,#91a9b9 39%,#f8fcff 53%,#a7bdcc 69%,#f4fbff 82%,#698398 100%);filter:drop-shadow(0 10px 18px #20384f66);animation:ice-rise 7s ease-in-out infinite}
.iceberg-peak:before{content:"";position:absolute;inset:0;clip-path:polygon(50% 0,56% 35%,20% 100%,12% 100%,25% 78%,20% 70%,34% 52%,30% 43%,43% 27%,41% 18%);background:linear-gradient(150deg,#fff 0%,#eaf7ff 42%,#87a4b9 100%);opacity:.88}
.iceberg-peak:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,#fff 44%,#fff8 49%,transparent 62%);mix-blend-mode:screen;opacity:.72}
.iceberg-body{position:absolute;z-index:2;top:34%;bottom:4%;left:50%;width:88%;transform:translateX(-50%);clip-path:polygon(45% 0,55% 0,65% 11%,61% 20%,77% 30%,70% 39%,91% 51%,84% 61%,100% 78%,77% 100%,24% 96%,0 78%,15% 60%,8% 47%,21% 34%,17% 25%,34% 16%);background:linear-gradient(105deg,#193148 0%,#71899e 13%,#d7e5ee 24%,#617b91 34%,#c9dae5 46%,#4b667f 59%,#b8ccd9 70%,#607b94 82%,#dce9f1 91%,#344c64 100%);box-shadow:inset 0 0 45px #fff8;animation:ice-deep 8s ease-in-out infinite}
.iceberg-body:before{content:"";position:absolute;inset:0;background:linear-gradient(152deg,transparent 15%,#fff9 15.4%,transparent 16.1%),linear-gradient(28deg,transparent 40%,#eaf8ffb0 40.4%,transparent 41%),linear-gradient(153deg,transparent 58%,#152e4590 58.4%,transparent 59%),linear-gradient(24deg,transparent 74%,#fff8 74.4%,transparent 75%);opacity:.8}
.iceberg-body:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 48% 18%,#eafaff70,transparent 42%),linear-gradient(180deg,#d9f1ff30,transparent 65%,#0d223c65)}
.iceberg-ridge{position:absolute;z-index:2;display:block;left:-6%;width:112%;height:1px;background:linear-gradient(90deg,transparent,#eaf7ffdd,#f9fdff8a,transparent);box-shadow:0 0 7px #d8f3ff70;transform:rotate(-18deg)}.ridge-one{top:30%}.ridge-two{top:62%;transform:rotate(12deg)}
.iceberg-glow{position:absolute;top:4%;left:27%;width:48%;height:52%;border-radius:50%;background:#dff7ff62;filter:blur(23px);animation:ice-glow 5s ease-in-out infinite}
.depth-label{position:absolute;z-index:5;left:14px;padding:8px 11px;border:1px solid #ffffffb8;border-radius:20px;background:linear-gradient(120deg,#ffffffed,#dce8eff0);color:#34516a;font-size:8px;font-weight:700;letter-spacing:.1em;white-space:nowrap;box-shadow:0 5px 18px #0d28404a,inset 0 1px #fff}
.depth-free{top:27%}.depth-mini{top:55%}.depth-pro{top:80%;color:#f7fbff;background:linear-gradient(120deg,#334e69dd,#8197acdd);border-color:#cce6f5a0}
.iceberg-orbit{position:absolute;z-index:4;left:6%;top:43%;width:88%;height:44%;border:1px solid #e4f6ffb0;border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 14px #dff6ff40;animation:ice-orbit 22s linear infinite}.orbit-b{left:17%;top:49%;width:68%;height:28%;border-color:#a9bfffaa;transform:rotate(28deg);animation-duration:28s;animation-direction:reverse}
.iceberg-levels{display:grid;gap:12px;position:relative;z-index:2}
.iceberg-level{position:relative;padding:19px 22px;border:1px solid #ffffff;border-radius:17px;background:linear-gradient(135deg,#ffffffdb,#ecf3f7d9);box-shadow:0 8px 22px #243f5712}
.iceberg-level h2{margin:7px 0;color:#263d52;font-size:clamp(19px,2vw,26px);line-height:1.15;letter-spacing:-.025em}
.iceberg-level p{margin:0;color:#5e7183;font-size:13px;line-height:1.6}
.iceberg-level .level-index{color:#72869a;font-size:9px;font-weight:700;letter-spacing:.13em}
.iceberg-level .price{margin:9px 0 4px;color:#355879;font-size:16px;font-weight:700}
.iceberg-level .social{display:inline-block;margin-top:9px;color:#416789;font-size:12px;font-weight:600;text-underline-offset:3px}
.level-mini{margin-left:7%}.level-pro{margin-left:14%;background:linear-gradient(130deg,#e9effb,#dce7f0 65%,#cedbe7)}
.iceberg-level{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:18px;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.iceberg-level:hover{transform:translateY(-3px);box-shadow:0 14px 32px #20394f20}
.level-icon{position:relative;display:block;width:62px;height:62px;border:1px solid #ffffff;border-radius:18px;background-color:#e5edf4;background-image:url('/assets/silver-experience.png');background-repeat:no-repeat;background-size:200% 200%;box-shadow:inset 0 1px 4px #fff,0 8px 20px #294b661f}
.level-icon:after{content:"";position:absolute;inset:-5px;border:1px solid #9ab6cb80;border-radius:22px;animation:level-icon-pulse 5s ease-in-out infinite}
.level-icon-free{background-image:url('/assets/education-community.png');background-size:cover;background-position:center}
.level-icon-mini{background-image:url('/assets/education-mini-courses.png');background-size:cover;background-position:center}
.level-icon-pro{background-position:0 100%;width:70px;height:70px;border-radius:20px;box-shadow:inset 0 1px 6px #fff,0 0 0 5px #ffffff20,0 10px 28px #071c3360}
.level-icon-pro:after{inset:-9px;border-color:#c6d9e8a8;border-radius:26px;animation-duration:3.5s}
.level-copy{min-width:0}
.level-pro{position:relative;isolation:isolate;grid-template-columns:76px minmax(0,1fr);border-color:#d6e5f2;background:linear-gradient(120deg,#23394e 0%,#344e68 48%,#6e8395 100%);box-shadow:0 14px 30px #1f364d2b,inset 0 1px #ffffffa8}
.level-pro:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 20%,#ffffff18 48%,transparent 70%);background-size:220% 100%;animation:pro-card-glint 8s ease-in-out infinite}
.level-pro .level-index{color:#d7e8f5}
.level-pro h2{color:#fff}
.level-pro p{color:#e1eaf1}
.level-pro .price{color:#fff}
.level-pro .social{color:#f4f9fc}
.level-pro .level-icon{background-color:#d9e6ef}
.quote p{font-family:inherit!important;font-style:normal!important;font-weight:400!important;font-size:15px!important;line-height:1.7!important;letter-spacing:normal!important;color:#586c7e!important;max-width:850px}
@keyframes level-icon-pulse{0%,100%{transform:scale(.96);opacity:.45}50%{transform:scale(1.08);opacity:.9}}
@keyframes pro-card-glint{0%,22%{background-position:110% 0;opacity:0}38%{opacity:1}68%,100%{background-position:-110% 0;opacity:0}}
@keyframes ice-glint{0%,18%{transform:translateX(0) skewX(-18deg);opacity:0}28%{opacity:.55}52%,100%{transform:translateX(470%) skewX(-18deg);opacity:0}}
@keyframes ice-rise{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes ice-deep{0%,100%{filter:brightness(1)}50%{filter:brightness(1.09)}}
@keyframes ice-glow{0%,100%{opacity:.55;scale:.92}50%{opacity:1;scale:1.08}}
@keyframes ice-orbit{to{rotate:360deg}}
@media(max-width:760px){.iceberg-section{padding:6px 0 30px}.iceberg-layout{grid-template-columns:1fr;gap:15px;padding:14px;border-radius:20px}.iceberg-scene{min-height:265px;border-radius:15px}.iceberg-caption{top:14px;left:14px;font-size:8px}.iceberg-waterline{top:36%}.iceberg-waterline span{right:10px;font-size:7px}.iceberg-peak{top:4%;width:115px;height:108px}.iceberg-body{top:36%;bottom:3%;width:78%}.depth-label{left:8px;padding:6px 8px;font-size:7px}.depth-free{top:27%}.depth-mini{top:55%}.depth-pro{top:80%}.iceberg-orbit{top:44%;height:40%}.orbit-b{top:52%;height:23%}.iceberg-levels{gap:9px}.iceberg-level{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:15px 14px;border-radius:14px}.iceberg-level h2{font-size:20px}.iceberg-level p{font-size:13px}.level-icon{width:46px;height:46px;border-radius:14px}.level-icon:after{inset:-4px;border-radius:18px}.level-icon-pro{width:50px;height:50px;border-radius:15px}.level-icon-pro:after{inset:-7px;border-radius:20px}.level-pro{grid-template-columns:54px minmax(0,1fr)}.level-mini,.level-pro{margin-left:0}.quote p{font-size:14px!important;line-height:1.7!important}}
@media(max-width:420px){.iceberg-scene{min-height:245px}.iceberg-peak{width:105px;height:98px}.depth-label{font-size:6.5px}.iceberg-caption{font-size:7px}}
@media(prefers-reduced-motion:reduce){.iceberg-scene:after,.iceberg-peak,.iceberg-body,.iceberg-glow,.iceberg-orbit{animation:none}}