:root{
  --cert-green:#133229;
  --cert-green-2:#1b3d32;
  --cert-green-3:#274438;
  --cert-ivory:#f3eee4;
  --cert-ivory-2:#eadcc7;
  --cert-ivory-3:#dfccb0;
  --cert-graphite:#3c3834;
  --cert-bronze:#a98255;
  --cert-bronze-2:#c7a06f;
  --cert-taupe:#b8aa97;
  --cert-line:rgba(169,130,85,.42);
  --cert-shadow:0 22px 60px rgba(24,32,27,.18);
}

.cert-page{position:relative;overflow:hidden;background:
  radial-gradient(circle at 0 7%,rgba(169,130,85,.12),transparent 24%),
  radial-gradient(circle at 100% 45%,rgba(19,50,41,.08),transparent 28%),
  linear-gradient(180deg,#f0e7da 0%,#e8ddcd 52%,#efe7dc 100%);
  color:var(--cert-graphite);font-family:Jost,Arial,sans-serif}
.cert-page *, .cert-page *::before, .cert-page *::after{box-sizing:border-box}
.cert-page img{display:block;max-width:100%}
.cert-page a{text-decoration:none}
.cert-page .wrapper{position:relative;z-index:2}

.cert-page__hero{padding:56px 0 34px}
.cert-page__hero-grid{position:relative;display:block;min-height:392px;overflow:hidden;padding:0;border:1px solid rgba(169,130,85,.42);border-radius:30px;background-image:url("../img/certificates/hero-gift-desktop-20261006.webp");background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 22px 58px rgba(15,31,24,.18);isolation:isolate}
.cert-page__hero-grid::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(5,27,21,.56) 0%,rgba(5,27,21,.34) 38%,rgba(5,27,21,.06) 62%,rgba(5,27,21,0) 78%);pointer-events:none}
.cert-page__hero-grid::after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(213,174,118,.10);pointer-events:none}
.cert-page__hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:57%;min-height:392px;padding:40px 38px 34px;min-width:0}
.cert-page__title{max-width:660px;margin:0;font-family:Forum,Georgia,serif;font-size:clamp(44px,4.55vw,70px);line-height:.93;font-weight:400;letter-spacing:-.02em;text-transform:uppercase;color:#f5efe3;-webkit-text-fill-color:#f5efe3;text-shadow:0 2px 14px rgba(0,0,0,.36),0 0 22px rgba(5,24,19,.22)}
.cert-page__title b{font-weight:400}
.cert-page__lead{max-width:600px;margin:20px 0 24px;color:rgba(246,240,229,.84);font-size:18px;line-height:1.5;text-shadow:0 2px 10px rgba(0,0,0,.22)}
.cert-page__hero-button,.cert-page__buy{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;background:linear-gradient(135deg,var(--cert-green),#0f4033);color:#fff;border-radius:999px;font-family:Jost,Arial,sans-serif;font-weight:500;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.cert-page__hero-button{position:relative;overflow:hidden;isolation:isolate;min-width:320px;min-height:56px;padding:0 30px;border:1px solid rgba(212,170,111,.82);background:linear-gradient(135deg,rgba(10,59,48,.96),rgba(10,78,62,.94));box-shadow:0 12px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08)}
.cert-page__hero-button::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(235,205,156,.34),inset 0 10px 16px rgba(255,255,255,.02)}
.cert-page__hero-button.md-main-color-btn::after{display:none!important;content:none!important}
.cert-page__hero-button:hover,.cert-page__buy:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(19,50,41,.16)}
.cert-page__hero-button:hover{box-shadow:0 15px 32px rgba(0,0,0,.24),0 0 0 1px rgba(216,177,121,.18),inset 0 1px 0 rgba(255,255,255,.10)}
.cert-page__hero-button-label{position:relative;z-index:4;display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;box-shadow:none;text-shadow:0 1px 2px rgba(0,0,0,.18)}
.cert-page__hero-button-sparks{position:absolute;inset:8px 18px;z-index:2;pointer-events:none;overflow:hidden;border-radius:999px}
.cert-page__hero-button-sparks .spark{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff8dd 0%,#f4ddb1 34%,#ddb36f 62%,rgba(221,179,111,0) 100%);box-shadow:0 0 9px rgba(244,221,177,.82),0 0 20px rgba(221,179,111,.34);opacity:.72;transform:translate(-50%,-50%) scale(.88);will-change:left,top,opacity,transform}
/* The center band behind the label is deliberately avoided: points move around it, not over it. */
.cert-page__hero-button-sparks .spark--1{left:10%;top:28%;animation:certHeroSpark1 13.6s ease-in-out infinite}
.cert-page__hero-button-sparks .spark--2{left:18%;top:72%;animation:certHeroSpark2 15.2s ease-in-out infinite -3.1s}
.cert-page__hero-button-sparks .spark--3{left:38%;top:18%;animation:certHeroSpark3 14.4s ease-in-out infinite -5.6s}
.cert-page__hero-button-sparks .spark--4{left:62%;top:82%;animation:certHeroSpark4 16.1s ease-in-out infinite -2.2s}
.cert-page__hero-button-sparks .spark--5{left:82%;top:26%;animation:certHeroSpark5 14.8s ease-in-out infinite -6.9s}
.cert-page__hero-button-sparks .spark--6{left:90%;top:70%;animation:certHeroSpark6 15.7s ease-in-out infinite -4.0s}
@keyframes certHeroSpark1{0%{left:10%;top:28%;opacity:.22;transform:translate(-50%,-50%) scale(.72)}18%{left:20%;top:18%;opacity:.66;transform:translate(-50%,-50%) scale(.92)}39%{left:34%;top:20%;opacity:.78;transform:translate(-50%,-50%) scale(1)}61%{left:24%;top:30%;opacity:.56;transform:translate(-50%,-50%) scale(.86)}82%{left:12%;top:38%;opacity:.46;transform:translate(-50%,-50%) scale(.8)}100%{left:10%;top:28%;opacity:.22;transform:translate(-50%,-50%) scale(.72)}}
@keyframes certHeroSpark2{0%{left:18%;top:72%;opacity:.24;transform:translate(-50%,-50%) scale(.76)}20%{left:8%;top:62%;opacity:.58;transform:translate(-50%,-50%) scale(.88)}42%{left:24%;top:82%;opacity:.8;transform:translate(-50%,-50%) scale(1.04)}64%{left:38%;top:78%;opacity:.54;transform:translate(-50%,-50%) scale(.84)}84%{left:22%;top:68%;opacity:.62;transform:translate(-50%,-50%) scale(.92)}100%{left:18%;top:72%;opacity:.24;transform:translate(-50%,-50%) scale(.76)}}
@keyframes certHeroSpark3{0%{left:38%;top:18%;opacity:.2;transform:translate(-50%,-50%) scale(.7)}21%{left:48%;top:12%;opacity:.62;transform:translate(-50%,-50%) scale(.9)}43%{left:60%;top:18%;opacity:.82;transform:translate(-50%,-50%) scale(1.02)}64%{left:52%;top:28%;opacity:.56;transform:translate(-50%,-50%) scale(.86)}84%{left:40%;top:24%;opacity:.66;transform:translate(-50%,-50%) scale(.94)}100%{left:38%;top:18%;opacity:.2;transform:translate(-50%,-50%) scale(.7)}}
@keyframes certHeroSpark4{0%{left:62%;top:82%;opacity:.22;transform:translate(-50%,-50%) scale(.74)}19%{left:50%;top:88%;opacity:.58;transform:translate(-50%,-50%) scale(.9)}40%{left:66%;top:80%;opacity:.78;transform:translate(-50%,-50%) scale(1.02)}62%{left:78%;top:72%;opacity:.52;transform:translate(-50%,-50%) scale(.84)}83%{left:70%;top:86%;opacity:.66;transform:translate(-50%,-50%) scale(.94)}100%{left:62%;top:82%;opacity:.22;transform:translate(-50%,-50%) scale(.74)}}
@keyframes certHeroSpark5{0%{left:82%;top:26%;opacity:.2;transform:translate(-50%,-50%) scale(.72)}20%{left:92%;top:36%;opacity:.56;transform:translate(-50%,-50%) scale(.88)}40%{left:78%;top:18%;opacity:.78;transform:translate(-50%,-50%) scale(1.02)}61%{left:66%;top:24%;opacity:.52;transform:translate(-50%,-50%) scale(.84)}84%{left:74%;top:34%;opacity:.64;transform:translate(-50%,-50%) scale(.92)}100%{left:82%;top:26%;opacity:.2;transform:translate(-50%,-50%) scale(.72)}}
@keyframes certHeroSpark6{0%{left:90%;top:70%;opacity:.18;transform:translate(-50%,-50%) scale(.68)}18%{left:82%;top:82%;opacity:.52;transform:translate(-50%,-50%) scale(.86)}39%{left:70%;top:76%;opacity:.72;transform:translate(-50%,-50%) scale(.98)}62%{left:80%;top:64%;opacity:.48;transform:translate(-50%,-50%) scale(.82)}84%{left:92%;top:58%;opacity:.64;transform:translate(-50%,-50%) scale(.92)}100%{left:90%;top:70%;opacity:.18;transform:translate(-50%,-50%) scale(.68)}}
.cert-page__benefits{display:flex;flex-wrap:wrap;gap:18px 24px;margin-top:24px;color:rgba(244,238,227,.82);font-size:13px}
.cert-page__benefit{position:relative;padding-left:14px}
.cert-page__benefit::before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:#d1aa72;box-shadow:0 0 8px rgba(209,170,114,.28)}
.cert-page__hero-visual{display:none!important}
.cert-page__gift-mark{display:none!important}

.cert-page__amount{padding:16px 0 32px}
.cert-page__amount-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(220px,320px);gap:28px;align-items:center;min-height:236px;overflow:hidden;padding:34px 40px;border:1px solid rgba(169,130,85,.42);border-radius:28px;background:
  radial-gradient(circle at 80% 12%,rgba(255,255,255,.68),transparent 22%),
  linear-gradient(140deg,#f4ecdd 0%,#ead7bb 62%,#dcc09d 100%);box-shadow:0 15px 44px rgba(60,56,52,.09)}
.cert-page__amount-card::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 56%,rgba(255,255,255,.28) 56% 57%,transparent 57% 100%);pointer-events:none}
.cert-page__amount-flow{position:absolute;inset:auto -4% -8% -4%;height:72%;opacity:.8;pointer-events:none}
.cert-page__amount-flow svg{width:100%;height:100%}
.cert-page__amount-flow path{fill:none;stroke:rgba(169,130,85,.48);stroke-width:1.7}
.cert-page__amount-flow path+path{stroke:rgba(255,255,255,.55);stroke-width:1.1}
.cert-page__amount-flow circle{fill:var(--cert-bronze);opacity:.62}
.cert-page__amount-content,.cert-page__amount-action,.cert-page__amount-logo{position:relative;z-index:2}
.cert-page__amount-kicker,.cert-page__time-kicker{color:var(--cert-bronze);font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}
.cert-page__amount-content h2{margin:8px 0 8px;color:#1d211d;font-family:Forum,Georgia,serif;font-size:clamp(34px,3.6vw,56px);font-weight:400;line-height:1}
.cert-page__amount-content p{max-width:660px;margin:0;color:#625b53;font-size:16px;line-height:1.5}
.cert-page__amount-price{margin-top:22px;color:#171c18;font-family:Forum,Georgia,serif;font-size:36px;line-height:1}
.cert-page__amount-action{display:flex;align-items:center;justify-content:center}
.cert-page__amount-buy{min-width:230px;min-height:54px;padding:0 24px}
.cert-page__amount-logo{display:flex;align-items:center;justify-content:center;min-width:210px}
.cert-page__amount-logo::before{content:"";position:absolute;width:190px;height:138px;border-radius:18px;background:rgba(247,239,224,.68);border:1px solid rgba(169,130,85,.36);transform:rotate(-5deg);box-shadow:0 18px 38px rgba(61,49,35,.12)}
.cert-page__amount-logo img{position:relative;width:170px;z-index:2;filter:drop-shadow(0 5px 10px rgba(19,50,41,.08))}

.cert-page__time-section{padding:14px 0 48px}
.cert-page__time-shell{position:relative;overflow:hidden;padding:38px 30px 30px;border:1px solid rgba(169,130,85,.38);border-radius:34px;background:
  radial-gradient(circle at 18% 0,rgba(133,111,78,.25),transparent 27%),
  radial-gradient(circle at 80% 44%,rgba(40,78,62,.38),transparent 34%),
  radial-gradient(circle at 48% 110%,rgba(169,130,85,.12),transparent 38%),
  linear-gradient(135deg,#162b23 0%,#1d3027 40%,#242b23 70%,#1b241e 100%);box-shadow:var(--cert-shadow);isolation:isolate}
.cert-page__time-shell::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.24;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E");mix-blend-mode:soft-light;pointer-events:none}
.cert-page__time-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.cert-page__time-atmosphere::before,.cert-page__time-atmosphere::after{content:"";position:absolute;border-radius:50%;filter:blur(22px);opacity:.32}
.cert-page__time-atmosphere::before{width:540px;height:260px;right:-150px;top:70px;background:radial-gradient(ellipse at center,rgba(169,130,85,.38),rgba(19,50,41,0) 72%);transform:rotate(-20deg)}
.cert-page__time-atmosphere::after{width:420px;height:300px;left:-180px;bottom:40px;background:radial-gradient(ellipse at center,rgba(77,112,92,.45),rgba(19,50,41,0) 72%);transform:rotate(18deg)}
.cert-page__time-intro{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;align-items:center;padding:0 12px 0 10px;color:#fff}
.cert-page__time-intro::after{content:none}
.cert-page__section-title{margin:8px 0 8px;color:#fff;font-family:Forum,Georgia,serif;font-size:clamp(48px,5vw,76px);font-weight:400;line-height:.96;letter-spacing:-.02em}
.cert-page__time-lead{max-width:680px;margin:0;color:rgba(244,238,228,.78);font-size:17px;line-height:1.5}
.cert-page__brand-lockup{position:relative;display:flex;align-items:center;justify-content:center;min-height:150px;perspective:900px}
.cert-page__brand-logo{width:176px;max-height:142px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.12))}
.cert-page .cert-page__brand-logo--cream{display:block}
.cert-page .cert-page__brand-logo--green{display:none}
.cert-page__logo-hourglass{position:absolute;left:63.6%;top:24%;width:31px;height:50px;transform:translate(-50%,-2%);transform-style:preserve-3d;transform-origin:50% 50%;pointer-events:none}
.cert-page__logo-hourglass svg{width:100%;height:100%;overflow:visible}
.cert-page__logo-hourglass-frame{fill:none;stroke:#caa16a;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px rgba(202,161,106,.24))}
.cert-page__logo-hourglass-sand{fill:#caa16a;opacity:.92}
.cert-page__logo-hourglass-stream{fill:none;stroke:#e0bd82;stroke-width:1.4;stroke-linecap:round}
.cert-page__brand-lockup.is-turning .cert-page__logo-hourglass{animation:cert-hourglass-turn .82s cubic-bezier(.22,.72,.2,1)}
@keyframes cert-hourglass-turn{0%{transform:translate(-50%,-2%) rotateX(0)}42%{transform:translate(-50%,-2%) rotateX(92deg) scale(.96)}58%{transform:translate(-50%,-2%) rotateX(92deg) scale(.96)}100%{transform:translate(-50%,-2%) rotateX(180deg)}}

.cert-page__time-network{position:relative;z-index:1;height:156px;margin:-10px -30px -38px;pointer-events:none}
.cert-page__time-network svg{width:100%;height:100%;overflow:visible}
.cert-page__flow-line{fill:none;stroke:url(#cert-flow-gold);stroke-linecap:round;vector-effect:non-scaling-stroke}
.cert-page__flow-line--main{stroke-width:2.15}
.cert-page__flow-line--soft{stroke-width:1.2;opacity:.56}
.cert-page__flow-line--branch{stroke-width:1.2;opacity:.62}
.cert-page__flow-line--branch-b{opacity:.48}
.cert-page__flow-line--hair{stroke-width:.8;opacity:.38}
.cert-page__time-network-grains circle{fill:#d4ad76;opacity:.78;filter:drop-shadow(0 0 4px rgba(212,173,118,.35))}
.cert-page__time-network.is-flowing .cert-page__flow-line--main{animation:cert-flow-pulse .9s ease}
.cert-page__time-network.is-flowing .cert-page__time-network-grains{animation:cert-grain-drift .9s ease}
@keyframes cert-flow-pulse{0%,100%{opacity:1}45%{opacity:.45;stroke-width:3.2}}
@keyframes cert-grain-drift{0%{transform:translateX(0);opacity:.62}50%{transform:translateX(12px);opacity:1}100%{transform:translateX(0);opacity:.78}}

.cert-page__time-catalog{position:relative;z-index:4}
.cert-page__category-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;align-items:end;padding:0;margin:0 0 -1px;position:relative;z-index:3}
.cert-page__category-link{appearance:none;min-width:0;height:74px;padding:11px 10px 10px;border:1px solid rgba(201,163,111,.34);border-bottom-color:rgba(201,163,111,.18);border-radius:22px 22px 0 0;background:linear-gradient(180deg,rgba(88,76,60,.56),rgba(32,44,36,.78));color:rgba(247,239,226,.82);display:flex;align-items:center;justify-content:center;gap:8px;font:500 14px/1.15 Jost,Arial,sans-serif;text-align:center;cursor:pointer;transition:background .28s ease,color .28s ease,border-color .28s ease,transform .28s ease,box-shadow .28s ease}
.cert-page__category-link:hover{background:linear-gradient(180deg,rgba(105,86,62,.68),rgba(35,50,40,.86));color:#fff;border-color:rgba(211,173,117,.52)}
.cert-page__category-link--active{position:relative;z-index:4;height:80px;margin-bottom:-2px;background:linear-gradient(180deg,#f6ecdc 0%,#f0e3cf 100%);color:var(--cert-green);border-color:rgba(169,130,85,.52);border-bottom-color:#f0e3cf;transform:translateY(1px);box-shadow:0 -8px 22px rgba(169,130,85,.08)}
.cert-page__category-icon{display:flex;align-items:center;justify-content:center;flex:0 0 24px;color:#c9a16b}
.cert-page__category-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.cert-page__category-link--active .cert-page__category-icon{color:var(--cert-bronze)}
.cert-page__category-label{min-width:0}
.cert-page__category-chevron{display:none;margin-left:auto;font-size:18px;color:var(--cert-bronze)}

.cert-page__catalog-surface{position:relative;overflow:hidden;min-height:360px;padding:34px 24px 28px;border:1px solid rgba(169,130,85,.52);border-radius:28px;background:
  radial-gradient(circle at 85% 10%,rgba(255,255,255,.64),transparent 21%),
  linear-gradient(135deg,#f6eddf 0%,#efe2ce 62%,#e6d2b7 100%);box-shadow:0 24px 44px rgba(5,20,14,.18)}
.cert-page__time-catalog:has(.cert-page__category-link:first-child.cert-page__category-link--active) .cert-page__catalog-surface{border-top-left-radius:0}
.cert-page__time-catalog:has(.cert-page__category-link:last-child.cert-page__category-link--active) .cert-page__catalog-surface{border-top-right-radius:0}
.cert-page__catalog-surface::before{content:"";position:absolute;inset:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.07'/%3E%3C/svg%3E");mix-blend-mode:multiply;pointer-events:none}
.cert-page__catalog-flow{position:absolute;left:-3%;right:-3%;top:-18px;height:124px;pointer-events:none;opacity:.7}
.cert-page__catalog-flow svg{width:100%;height:100%}
.cert-page__catalog-flow path{fill:none;stroke:rgba(169,130,85,.36);stroke-width:1.15}
.cert-page__catalog-flow path+path{stroke:rgba(255,255,255,.62);stroke-width:.9}
.cert-page__catalog-flow circle{fill:#ad8252;opacity:.66}
.cert-page__group{position:relative;z-index:2}
.cert-page__group--entering{animation:cert-panel-in .34s cubic-bezier(.22,.72,.2,1)}
@keyframes cert-panel-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.cert-page__group-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 6px 26px;padding-top:4px}
.cert-page__group-title{margin:0;color:var(--cert-green);font-family:Forum,Georgia,serif;font-size:clamp(38px,4.1vw,58px);font-weight:400;line-height:1}
.cert-page__group-count{display:flex;align-items:center;justify-content:center;min-width:46px;height:46px;padding:0 12px;border-radius:999px;background:rgba(169,130,85,.12);color:#7d5d3b;font-size:14px;border:1px solid rgba(169,130,85,.14)}
.cert-page__cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cert-page__card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(169,130,85,.28);border-radius:20px;background:rgba(255,252,246,.72);box-shadow:0 9px 25px rgba(76,58,39,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.cert-page__card:hover{transform:none;box-shadow:0 11px 28px rgba(76,58,39,.09);border-color:rgba(169,130,85,.42)}
.cert-page__card-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:148px;overflow:hidden;background:
  radial-gradient(circle at 75% 18%,rgba(255,255,255,.8),transparent 24%),
  radial-gradient(circle at 15% 82%,rgba(169,130,85,.18),transparent 32%),
  linear-gradient(145deg,#ddc7a9 0%,#f5ebdc 52%,#d9c09d 100%)}
.cert-page__card-visual::before,.cert-page__card-visual::after{content:"";position:absolute;left:-12%;width:124%;height:54%;border-radius:50%;border-top:1px solid rgba(169,130,85,.3);transform:rotate(-8deg)}
.cert-page__card-visual::before{bottom:-20%;background:rgba(250,244,234,.72)}
.cert-page__card-visual::after{bottom:-32%;border-top-color:rgba(255,255,255,.72);background:rgba(255,255,255,.2)}
.cert-page__card--v1 .cert-page__card-visual{background:radial-gradient(circle at 78% 18%,rgba(255,255,255,.75),transparent 24%),linear-gradient(145deg,#cbb293,#efe2cf 55%,#d5bea1)}
.cert-page__card--v2 .cert-page__card-visual{background:radial-gradient(circle at 22% 24%,rgba(255,255,255,.72),transparent 25%),linear-gradient(145deg,#e2cfb2,#f5ecdf 52%,#ccb08d)}
.cert-page__card--v3 .cert-page__card-visual{background:radial-gradient(circle at 82% 78%,rgba(19,50,41,.11),transparent 26%),linear-gradient(145deg,#d0b696,#f2e6d5 56%,#dfc8aa)}
.cert-page__card-visual--image{background:#d8c7ae}
.cert-page__card-visual--image::before{display:none}
.cert-page__card-visual--image::after{left:0;top:0;bottom:auto;width:100%;height:100%;border:0;border-radius:0;transform:none;background:linear-gradient(180deg,rgba(19,50,41,.02),rgba(19,50,41,.13));z-index:1;pointer-events:none}
.cert-page__card-image{position:absolute;inset:0;z-index:0;width:100%;height:100%;max-width:none!important;object-fit:cover;object-position:center;transition:transform .42s cubic-bezier(.22,.72,.2,1),filter .3s ease}
@media (hover:hover) and (pointer:fine){.cert-page__card:hover .cert-page__card-image{transform:none;filter:none}}
.cert-page__card-category-icon{position:relative;z-index:2;display:flex;color:rgba(147,103,58,.88);filter:drop-shadow(0 2px 5px rgba(255,255,255,.5))}
.cert-page__card-category-icon svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.cert-page__card-body{display:flex;flex:1;flex-direction:column;padding:16px 16px 15px}
.cert-page__card-title{min-height:2.5em;margin:0 0 16px;color:#263a31;font-family:Forum,Georgia,serif;font-size:23px;font-weight:400;line-height:1.14;text-align:center}
.cert-page__card-info{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:auto;padding-top:13px;border-top:1px solid rgba(169,130,85,.26)}
.cert-page__card-price{color:var(--cert-green);font-size:22px;font-weight:600;line-height:1.2;white-space:nowrap}
.cert-page__card-meta{color:#766e65;font-size:13px;line-height:1.25;text-align:right;white-space:nowrap}
.cert-page__buy{width:100%;min-height:48px;margin-top:14px;padding:0 16px;font-size:14px}
.cert-page__buy-arrow{font-size:18px;line-height:1;color:#d8b27d}
.cert-page__buy--disabled{opacity:.42;cursor:not-allowed;transform:none!important;box-shadow:none!important}
.cert-page__group-note{margin:18px 6px 0;color:#6f655b;font-size:13px;line-height:1.5}

.cert-page__formats{padding:30px 0 18px}
.cert-page__formats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cert-page__format-card{display:flex;gap:18px;align-items:flex-start;padding:24px;border:1px solid rgba(169,130,85,.22);border-radius:22px;background:rgba(247,240,229,.7);box-shadow:0 8px 24px rgba(60,56,52,.05)}
.cert-page__format-icon{display:flex;align-items:center;justify-content:center;flex:0 0 48px;height:48px;border-radius:50%;background:rgba(19,50,41,.09);color:var(--cert-green);font-size:22px}
.cert-page__format-card h2{margin:0 0 7px;color:var(--cert-green);font-family:Forum,Georgia,serif;font-size:30px;font-weight:400}
.cert-page__format-card p{margin:0;color:#665f57;font-size:15px;line-height:1.55}
.cert-page__faq{padding:24px 0 58px}
.cert-page__section-title--dark{color:var(--cert-green);font-size:44px}
.cert-page__faq-list{display:grid;gap:10px;margin-top:18px}
.cert-page__faq-list details{border:1px solid rgba(169,130,85,.2);border-radius:16px;background:rgba(247,241,231,.72);padding:0 18px}
.cert-page__faq-list summary{cursor:pointer;padding:17px 0;color:var(--cert-green);font-weight:500}
.cert-page__faq-list p{margin:0;padding:0 0 17px;color:#655e57;line-height:1.55}

@media (max-width:1180px){
  .cert-page__cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cert-page__category-link{font-size:12.5px}
  .cert-page__amount-card{grid-template-columns:minmax(0,1fr) auto 200px}
}

@media (max-width:900px){
  .cert-page__amount-card{grid-template-columns:1fr auto;padding-right:32px}
  .cert-page__amount-logo{display:none}
  .cert-page__category-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:10px}
  .cert-page__category-link,.cert-page__category-link--active{height:62px;border-radius:18px;border-bottom:1px solid rgba(201,163,111,.34);margin:0;transform:none}
  .cert-page__catalog-surface{border-radius:24px}
  .cert-page__cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:768px){
  .cert-page{background:linear-gradient(180deg,#eee3d3 0%,#e7d7c2 52%,#efe6da 100%)}
  .cert-page .wrapper{width:auto;margin-left:18px;margin-right:18px}
  .cert-page__hero{padding:30px 0 20px}
  .cert-page__hero-grid{min-height:640px;padding:0;border-radius:24px;background-image:url("../img/certificates/hero-gift-mobile-20261006.webp");background-size:cover;background-position:center;background-repeat:no-repeat}
  .cert-page__hero-grid::before{background:linear-gradient(180deg,rgba(5,27,21,.60) 0%,rgba(5,27,21,.42) 33%,rgba(5,27,21,.16) 55%,rgba(5,27,21,.04) 78%,rgba(5,27,21,.10) 100%)}
  .cert-page__hero-content{width:100%;min-height:640px;justify-content:flex-start;padding:28px 22px 24px}
  .cert-page__title{max-width:100%;font-size:46px;line-height:.94;color:#f8f2e6;-webkit-text-fill-color:#f8f2e6;text-shadow:0 2px 12px rgba(0,0,0,.42),0 0 24px rgba(0,0,0,.18)}
  .cert-page__lead{max-width:315px;font-size:15px;margin:14px 0 18px;color:rgba(246,240,229,.90);text-shadow:0 2px 8px rgba(0,0,0,.24)}
  .cert-page__hero-button{width:100%;min-width:0;min-height:52px;padding:0 20px}
  .cert-page__benefits{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px;font-size:11.5px;line-height:1.25}
  .cert-page__benefit{padding-left:10px}
  .cert-page__benefit::before{top:.48em;width:4px;height:4px}

  .cert-page__amount{padding:8px 0 22px}
  .cert-page__amount-card{display:block;min-height:0;padding:24px 22px 20px;border-radius:24px}
  .cert-page__amount-content h2{font-size:38px}
  .cert-page__amount-content p{font-size:15px}
  .cert-page__amount-price{margin-top:17px;font-size:32px}
  .cert-page__amount-action{margin-top:18px;justify-content:stretch}
  .cert-page__amount-buy{width:100%;min-height:50px}
  .cert-page__amount-flow{height:56%;opacity:.65}

  .cert-page__time-section{padding:6px 0 34px}
  .cert-page__time-shell{padding:27px 0 0;border:1px solid rgba(194,151,94,.50);border-radius:28px;background:
    radial-gradient(circle at 84% 12%,rgba(214,171,108,.12),transparent 25%),
    radial-gradient(circle at 12% 44%,rgba(74,126,99,.16),transparent 33%),
    linear-gradient(160deg,#10271f 0%,#173128 46%,#1d2a23 100%);box-shadow:0 20px 42px rgba(7,24,18,.24),inset 0 1px 0 rgba(255,255,255,.04)}
  .cert-page__time-shell::before{z-index:1;opacity:.08;mix-blend-mode:soft-light}
  .cert-page__time-shell::after{content:"";position:absolute;z-index:0;left:0;right:0;top:0;height:510px;pointer-events:none;background-image:
    linear-gradient(180deg,rgba(6,22,17,.18) 0%,rgba(6,22,17,.38) 55%,rgba(6,22,17,.76) 100%),
    url("../img/certificates/time-desktop.webp");background-size:cover;background-position:64% 46%;background-repeat:no-repeat;opacity:.72;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%)}
  .cert-page__time-atmosphere{display:none}
  .cert-page__time-intro{z-index:3;grid-template-columns:minmax(0,1fr) 105px;gap:10px;padding:0 24px;color:#fff6e7}
  .cert-page__time-kicker{font-size:11px;color:#c79b63}
  .cert-page__section-title{font-size:46px;color:#fff6e7;line-height:.95;margin-top:7px;text-shadow:0 2px 16px rgba(0,0,0,.38)}
  .cert-page__time-lead{font-size:15px;color:rgba(247,239,226,.82);line-height:1.45}
  .cert-page__brand-lockup{min-height:112px}
  .cert-page__brand-logo{width:102px;max-height:98px}
  .cert-page .cert-page__brand-logo--cream{display:none}
  .cert-page .cert-page__brand-logo--green{display:block}
  .cert-page__logo-hourglass{left:64%;top:24%;width:19px;height:31px}
  .cert-page__logo-hourglass-frame{stroke:#a98255;stroke-width:1.8}
  .cert-page__logo-hourglass-sand{fill:#a98255}
  .cert-page__logo-hourglass-stream{stroke:#c59a62}

  .cert-page__time-network{z-index:3;height:110px;margin:-4px -8px -17px;opacity:.94;mix-blend-mode:screen}
  .cert-page__time-network svg{filter:drop-shadow(0 0 5px rgba(222,178,110,.20))}
  .cert-page__flow-line--main{stroke-width:1.8}
  .cert-page__flow-line--soft,.cert-page__flow-line--branch{stroke-width:1}

  .cert-page__time-catalog{z-index:4;padding:0 12px 18px}
  .cert-page__category-list{display:flex;flex-direction:column;gap:9px;padding:0;margin:0;align-items:stretch}
  .cert-page__category-link{order:1;width:100%;height:62px;padding:0 17px;border:1px solid rgba(222,182,126,.32);border-radius:20px;background:linear-gradient(180deg,rgba(249,241,229,.12),rgba(237,225,208,.065));color:#f2e8db;justify-content:flex-start;text-align:left;font-size:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 8px 20px rgba(0,0,0,.08);transition:order 0s,background .26s ease,color .26s ease,border-color .26s ease,transform .38s cubic-bezier(.22,.72,.2,1)}
  .cert-page__category-link:hover{background:linear-gradient(180deg,rgba(249,241,229,.16),rgba(237,225,208,.09));color:#fff6e7;border-color:rgba(222,182,126,.44)}
  .cert-page__category-link--active{order:99;width:100%;height:68px;margin:6px 0 -2px;border-radius:22px 22px 0 0;border-color:rgba(191,150,97,.58);border-bottom-color:transparent;background:linear-gradient(180deg,rgba(249,241,229,.98),rgba(242,229,210,.98));color:var(--cert-green);transform:none;box-shadow:0 -10px 26px rgba(2,15,11,.18),inset 0 1px 0 rgba(255,255,255,.85)}
  .cert-page__category-icon{flex-basis:25px;color:#a98255}
  .cert-page__category-icon svg{width:25px;height:25px}
  .cert-page__category-chevron{display:block;transform:rotate(-90deg);transition:transform .25s ease}
  .cert-page__category-link--active .cert-page__category-chevron{transform:rotate(0deg)}

  .cert-page__catalog-surface{margin:0;padding:26px 12px 20px;border:1px solid rgba(191,150,97,.50);border-top:0;border-radius:0 0 22px 22px;background:
    radial-gradient(circle at 86% 3%,rgba(255,255,255,.58),transparent 22%),
    linear-gradient(180deg,#f3e6d4 0%,#ead7bd 100%);box-shadow:0 18px 34px rgba(5,21,16,.18)}
  .cert-page__time-catalog .cert-page__catalog-surface{border-top-left-radius:0;border-top-right-radius:0}
  .cert-page__catalog-flow{top:-8px;height:90px;opacity:.55}
  .cert-page__group-head{margin:0 5px 18px;padding-top:12px}
  .cert-page__group-title{font-size:38px;line-height:1.02}
  .cert-page__group-count{min-width:42px;height:42px}
  .cert-page__cards-grid{grid-template-columns:1fr;gap:10px}
  .cert-page__card{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:116px;border-radius:16px;background:rgba(255,251,244,.72)}
  .cert-page__card:hover{transform:none}
  .cert-page__card-visual{grid-row:1;grid-column:1;min-height:116px;height:100%;border-radius:15px 0 0 15px}
  .cert-page__card-category-icon svg{width:36px;height:36px}
  .cert-page__card-body{grid-column:2;padding:12px 12px 11px}
  .cert-page__card-title{min-height:0;margin:0 0 8px;font-size:20px;line-height:1.08;text-align:left}
  .cert-page__card-info{padding-top:8px;gap:10px}
  .cert-page__card-price{font-size:20px}
  .cert-page__card-meta{font-size:12px}
  .cert-page__buy{min-height:40px;margin-top:9px;font-size:12px;padding:0 12px}
  .cert-page__group-note{margin:14px 5px 0;font-size:12px}

  .cert-page__formats{padding-top:22px}
  .cert-page__formats-grid{grid-template-columns:1fr}
  .cert-page__format-card{padding:20px;border-radius:18px}
  .cert-page__faq{padding-bottom:42px}
  .cert-page__section-title--dark{font-size:38px}
}

@media (max-width:420px){
  .cert-page .wrapper{margin-left:14px;margin-right:14px}
  .cert-page__hero-grid{min-height:610px;padding:0}
  .cert-page__hero-content{min-height:610px;padding:24px 18px 20px}
  .cert-page__title{font-size:41px}
  .cert-page__benefits{font-size:10.5px;gap:6px}
  .cert-page__time-intro{grid-template-columns:minmax(0,1fr) 92px;padding:0 18px}
  .cert-page__section-title{font-size:42px}
  .cert-page__brand-logo{width:90px}
  .cert-page__logo-hourglass{width:17px;height:28px}
  .cert-page__time-catalog{padding:0 8px}
  .cert-page__category-list{padding:0 5px}
  .cert-page__category-link{font-size:14.5px}
  .cert-page__card{grid-template-columns:102px minmax(0,1fr)}
  .cert-page__card-visual{min-height:110px}
}

@media (hover:none) and (pointer:coarse){
  .cert-page__hero-button:hover,.cert-page__buy:hover,.cert-page__card:hover,.cert-page__category-link:hover{transform:none}.cert-page__hero-button:hover{box-shadow:0 12px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08)}
}

@media (prefers-reduced-motion:reduce){
  .cert-page__brand-lockup.is-turning .cert-page__logo-hourglass,
  .cert-page__time-network.is-flowing .cert-page__flow-line--main,
  .cert-page__time-network.is-flowing .cert-page__time-network-grains,
  .cert-page__group--entering{animation:none!important}
  .cert-page__category-link,.cert-page__buy,.cert-page__card{transition:none!important}
}

/* v4 seam fix 3: seamless folder-tab join */
@media (min-width:769px){
  .cert-page__category-list{
    margin-bottom:0;
  }

  .cert-page__category-link--active{
    isolation:isolate;
    margin-bottom:0;
    border-bottom-color:transparent;
    background:#f6eddf;
    box-shadow:none;
    transform:translateY(0);
  }

  .cert-page__category-link--active::before,
  .cert-page__category-link--active::after{
    content:"";
    position:absolute;
    bottom:-1px;
    width:24px;
    height:24px;
    pointer-events:none;
    z-index:-1;
  }

  .cert-page__category-link--active::before{
    left:-24px;
    border-radius:0 0 24px 0;
    box-shadow:12px 12px 0 12px #f6eddf;
  }

  .cert-page__category-link--active::after{
    right:-24px;
    border-radius:0 0 0 24px;
    box-shadow:-12px 12px 0 12px #f6eddf;
  }

  .cert-page__category-link:first-child.cert-page__category-link--active::before{
    display:none;
  }

  .cert-page__category-link:last-child.cert-page__category-link--active::after{
    display:none;
  }

  .cert-page__catalog-surface{
    margin-top:0;
    border-top:0;
  }
}

@media (max-width:768px){
  .cert-page__category-list{
    padding-left:0 !important;
    padding-right:0 !important;
    margin-bottom:0;
  }

  .cert-page__category-link--active{
    width:100%;
    margin:6px 0 0;
    border-radius:22px 22px 0 0;
    border-bottom-color:transparent;
    background:linear-gradient(180deg,rgba(249,241,229,.98),#f3e6d4 100%);
    box-shadow:0 -10px 26px rgba(2,15,11,.18),inset 0 1px 0 rgba(255,255,255,.85);
  }

  .cert-page__category-link--active::before,
  .cert-page__category-link--active::after{
    content:none !important;
    display:none !important;
  }

  .cert-page__catalog-surface{
    margin-top:0;
    border-top:0;
    border-top-left-radius:0 !important;
    border-top-right-radius:0 !important;
  }
}

/* v4 seam fix 4: keep opened tab visually merged on hover + square catalog top corners */
@media (min-width:769px){
  .cert-page__category-link--active:hover{
    background:#f6eddf;
    color:var(--cert-green);
    border-color:rgba(169,130,85,.52);
    border-bottom-color:transparent;
    transform:none;
    box-shadow:none;
  }

  .cert-page__catalog-surface,
  .cert-page__time-catalog:has(.cert-page__category-link:first-child.cert-page__category-link--active) .cert-page__catalog-surface,
  .cert-page__time-catalog:has(.cert-page__category-link:last-child.cert-page__category-link--active) .cert-page__catalog-surface{
    border-top-left-radius:0 !important;
    border-top-right-radius:0 !important;
  }
}

/* v4 seam fix 5: active tab and its shoulders switch in the same frame */
@media (min-width:769px){
  .cert-page__category-link--active,
  .cert-page__category-link--active:hover{
    transition:none !important;
  }
}

/* v4 visual pass 2: image assets are layered, motion stays live */
.cert-page__amount-card{
  background-image:
    linear-gradient(90deg,rgba(246,237,223,.96) 0%,rgba(246,237,223,.90) 38%,rgba(246,237,223,.48) 57%,rgba(246,237,223,.12) 76%,rgba(246,237,223,.03) 100%),
    url("../img/certificates/amount-desktop.webp");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.cert-page__amount-card::after{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(123,88,49,.06));
}
.cert-page__amount-flow{display:none!important}
.cert-page__amount-logo::before{display:none}
.cert-page__amount-logo img{
  width:164px;
  transform:translateY(-3px) rotate(-4deg);
  filter:drop-shadow(0 6px 14px rgba(19,50,41,.10));
}

/* Premium standalone hourglass: layered SVG, no logo reconstruction. */
.cert-page .cert-page__brand-logo--cream,
.cert-page .cert-page__brand-logo--green{display:none!important}
.cert-page__brand-lockup{
  position:relative;
  justify-content:flex-end;
  padding-right:26px;
}
.cert-page__logo-hourglass{
  position:relative;
  z-index:2;
  display:block;
  left:auto;
  top:auto;
  width:72px;
  height:113px;
  transform:none;
  transform-origin:50% 50%;
  will-change:transform;
  filter:drop-shadow(0 9px 18px rgba(0,0,0,.30));
  isolation:isolate;
  overflow:visible;
}
.cert-page__logo-hourglass svg{display:block;width:100%;height:100%;overflow:visible}
.cert-page__hourglass-shadow rect,
.cert-page__hourglass-shadow path{fill:none;stroke:rgba(4,15,12,.54);stroke-width:4.2;stroke-linecap:round;stroke-linejoin:round}
.cert-page__hourglass-shadow rect{fill:rgba(4,15,12,.36);stroke-width:1.3}
.cert-page__hourglass-glass{fill:url(#cert-hourglass-glass);stroke:rgba(244,226,194,.48);stroke-width:1.25}
.cert-page__hourglass-glass-edge{fill:none;stroke:rgba(255,248,229,.22);stroke-width:.85;stroke-linecap:round}
.cert-page__hourglass-glass-sheen{fill:none;stroke:rgba(255,255,255,.66);stroke-width:1.7;stroke-linecap:round;opacity:.72}
.cert-page__hourglass-frame{fill:none;stroke:url(#cert-hourglass-metal);stroke-linecap:round;stroke-linejoin:round}
.cert-page__hourglass-cap{fill:url(#cert-hourglass-metal);stroke:url(#cert-hourglass-metal-edge);stroke-width:1.05}
.cert-page__hourglass-post{fill:none;stroke:url(#cert-hourglass-metal);stroke-width:3.1}
.cert-page__hourglass-cap-highlight{fill:none;stroke:rgba(255,242,210,.66);stroke-width:.9;stroke-linecap:round}
.cert-page__hourglass-sand{fill:url(#cert-hourglass-sand);filter:drop-shadow(0 1px 1px rgba(83,52,24,.26));transform-box:fill-box;transform-origin:center}
.cert-page__hourglass-sand-ridge{fill:none;stroke:rgba(255,229,181,.55);stroke-width:.85;stroke-linecap:round}
.cert-page__logo-hourglass-stream{fill:none;stroke:#f5d59e;stroke-width:1.4;stroke-linecap:round;opacity:.74;filter:drop-shadow(0 0 2px rgba(244,202,131,.40))}
.cert-page__hourglass-grain{fill:#f4d59f;opacity:.72;filter:drop-shadow(0 0 2px rgba(240,194,118,.34))}
.cert-page__logo-hourglass::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:188px;
  height:188px;
  transform:translate(-50%,-50%) rotate(-18deg);
  border-radius:50%;
  pointer-events:none;
  opacity:0;
  background:
    conic-gradient(from 210deg,
      rgba(245,213,158,0) 0 6%,
      rgba(245,213,158,.12) 11%,
      rgba(245,213,158,.42) 18%,
      rgba(245,213,158,.16) 25%,
      rgba(245,213,158,0) 31% 52%,
      rgba(245,213,158,.16) 58%,
      rgba(245,213,158,.34) 65%,
      rgba(245,213,158,.12) 72%,
      rgba(245,213,158,0) 79% 100%),
    conic-gradient(from 226deg,
      rgba(248,223,184,0) 0 8%,
      rgba(248,223,184,.08) 14%,
      rgba(248,223,184,.22) 21%,
      rgba(248,223,184,.09) 28%,
      rgba(248,223,184,0) 35% 56%,
      rgba(248,223,184,.12) 63%,
      rgba(248,223,184,.18) 70%,
      rgba(248,223,184,.08) 77%,
      rgba(248,223,184,0) 84% 100%),
    conic-gradient(from 194deg,
      rgba(231,190,123,0) 0 14%,
      rgba(231,190,123,.20) 21%,
      rgba(231,190,123,.60) 28%,
      rgba(231,190,123,.24) 35%,
      rgba(231,190,123,0) 42% 64%,
      rgba(231,190,123,.18) 71%,
      rgba(231,190,123,.46) 78%,
      rgba(231,190,123,.15) 85%,
      rgba(231,190,123,0) 92% 100%);
  -webkit-mask:radial-gradient(farthest-side,
    transparent 0 49.8%,
    #000 49.8% 50.9%,
    transparent 50.9% 60.8%,
    #000 60.8% 62.55%,
    transparent 62.55% 74.2%,
    #000 74.2% 76.95%,
    transparent 76.95% 100%);
  mask:radial-gradient(farthest-side,
    transparent 0 49.8%,
    #000 49.8% 50.9%,
    transparent 50.9% 60.8%,
    #000 60.8% 62.55%,
    transparent 62.55% 74.2%,
    #000 74.2% 76.95%,
    transparent 76.95% 100%);
  filter:drop-shadow(0 0 9px rgba(236,194,124,.16));
}

.cert-page__logo-hourglass::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:6px;
  height:6px;
  margin:-3px 0 0 -3px;
  border-radius:50%;
  background:rgba(248,226,185,1);
  box-shadow:
    11px 6px 0 -1px rgba(247,217,164,.82),
    20px 12px 0 -1px rgba(244,208,146,.76),
    29px 18px 0 -1px rgba(248,226,185,.58),
    37px 22px 0 -1px rgba(247,217,164,.42),
    -9px 10px 0 -1px rgba(244,208,146,.66),
    -18px 16px 0 -1px rgba(248,226,185,.52),
    -26px 7px 0 -1px rgba(244,208,146,.40),
    -34px 2px 0 -1px rgba(248,226,185,.28),
    6px 22px 0 -1px rgba(247,217,164,.62),
    18px 26px 0 -1px rgba(248,226,185,.46),
    26px -4px 0 -1px rgba(248,226,185,.44),
    -22px 0 0 -1px rgba(244,208,146,.38),
    0 -14px 0 -1px rgba(248,226,185,.34),
    14px -18px 0 -1px rgba(247,217,164,.28);
  transform:rotate(-34deg) translateY(-88px);
  opacity:0;
  pointer-events:none;
  filter:drop-shadow(0 0 10px rgba(241,201,132,.34));
}


.cert-page__brand-lockup.is-turning .cert-page__logo-hourglass{
  animation:cert-hourglass-turn-flat .78s cubic-bezier(.3,.08,.18,1);
}
.cert-page__brand-lockup.is-turning .cert-page__logo-hourglass::before{animation:cert-hourglass-orbit-ring .96s ease-out}
.cert-page__brand-lockup.is-turning .cert-page__logo-hourglass::after{animation:cert-hourglass-orbit-grains .96s ease-out}
.cert-page__brand-lockup.is-turning ~ .cert-page__time-network .cert-page__flow-line--branch-b{animation:cert-flow-branch-charge .94s ease}
.cert-page__brand-lockup.is-turning ~ .cert-page__time-network .cert-page__time-network-grains{animation:cert-grain-drift .94s ease}
.cert-page__brand-lockup.is-turning::after{
  animation:cert-hourglass-node-pulse .84s ease-out;
}
.cert-page__time-intro:has(.cert-page__brand-lockup.is-turning)::after{animation:cert-hourglass-connector-charge .94s ease-out}
.cert-page__brand-lockup.is-turning .cert-page__hourglass-glass-sheen{animation:cert-hourglass-sheen .78s ease}
.cert-page__brand-lockup.is-turning .cert-page__logo-hourglass-sand--top{animation:cert-sand-top .78s ease}
.cert-page__brand-lockup.is-turning .cert-page__logo-hourglass-sand--bottom{animation:cert-sand-bottom .78s ease}
.cert-page__brand-lockup.is-turning .cert-page__logo-hourglass-stream{animation:cert-sand-stream .78s ease}
.cert-page__brand-lockup.is-turning .cert-page__hourglass-grain--a{animation:cert-grain-a .78s ease}
.cert-page__brand-lockup.is-turning .cert-page__hourglass-grain--b{animation:cert-grain-b .78s ease}

@keyframes cert-hourglass-turn-flat{
  0%{transform:rotate(0deg) scale(1)}
  12%{transform:rotate(-10deg) scale(.999)}
  28%{transform:rotate(-30deg) scale(.996)}
  44%{transform:rotate(-60deg) scale(.991)}
  60%{transform:rotate(-98deg) scale(.985)}
  74%{transform:rotate(-136deg) scale(.986)}
  88%{transform:rotate(-168deg) scale(.994)}
  100%{transform:rotate(-180deg) scale(1)}
}
@keyframes cert-hourglass-node-pulse{
  0%,100%{opacity:0;transform:translateY(-50%) scale(.78)}
  38%{opacity:.86;transform:translateY(-50%) scale(1.02)}
  72%{opacity:.34;transform:translateY(-50%) scale(1.13)}
}
@keyframes cert-hourglass-connector-charge{
  0%,100%{opacity:.82;filter:drop-shadow(0 0 5px rgba(225,189,127,.22))}
  26%{opacity:.96;filter:drop-shadow(0 0 10px rgba(225,189,127,.34))}
  56%{opacity:1;filter:drop-shadow(0 0 18px rgba(225,189,127,.64))}
  82%{opacity:.9;filter:drop-shadow(0 0 11px rgba(225,189,127,.30))}
}
@keyframes cert-flow-branch-charge{
  0%,100%{opacity:.56;stroke-width:1.25;filter:none}
  30%{opacity:.8;stroke-width:1.7;filter:drop-shadow(0 0 4px rgba(225,189,127,.24))}
  58%{opacity:1;stroke-width:2.6;filter:drop-shadow(0 0 12px rgba(225,189,127,.62))}
  82%{opacity:.82;stroke-width:1.85;filter:drop-shadow(0 0 6px rgba(225,189,127,.28))}
}
@keyframes cert-hourglass-orbit-ring{
  0%{opacity:0;transform:translate(-50%,-50%) rotate(-20deg) scale(.97);filter:drop-shadow(0 0 4px rgba(236,194,124,.08))}
  18%{opacity:.52;transform:translate(-50%,-50%) rotate(-14deg) scale(.985);filter:drop-shadow(0 0 8px rgba(236,194,124,.22))}
  42%{opacity:.9;transform:translate(-50%,-50%) rotate(-3deg) scale(1.005);filter:drop-shadow(0 0 14px rgba(236,194,124,.42))}
  62%{opacity:1;transform:translate(-50%,-50%) rotate(8deg) scale(1.02);filter:drop-shadow(0 0 20px rgba(236,194,124,.62))}
  82%{opacity:.62;transform:translate(-50%,-50%) rotate(13deg) scale(1.006);filter:drop-shadow(0 0 10px rgba(236,194,124,.26))}
  100%{opacity:0;transform:translate(-50%,-50%) rotate(16deg) scale(.995);filter:drop-shadow(0 0 4px rgba(236,194,124,.08))}
}
@keyframes cert-hourglass-orbit-grains{
  0%{opacity:0;transform:rotate(-34deg) translateY(-88px) scale(.88);filter:drop-shadow(0 0 4px rgba(241,201,132,.14))}
  14%{opacity:.32;transform:rotate(-18deg) translateY(-88px) scale(.94)}
  34%{opacity:.94;transform:rotate(20deg) translateY(-88px) scale(1)}
  56%{opacity:1;transform:rotate(92deg) translateY(-88px) scale(1.06);filter:drop-shadow(0 0 12px rgba(241,201,132,.52))}
  78%{opacity:.72;transform:rotate(156deg) translateY(-88px) scale(1.01)}
  100%{opacity:0;transform:rotate(198deg) translateY(-88px) scale(.94);filter:drop-shadow(0 0 4px rgba(241,201,132,.14))}
}
@keyframes cert-hourglass-sheen{0%,100%{opacity:.72}24%{opacity:.88}54%{opacity:1}78%{opacity:.44}}
@keyframes cert-sand-top{0%,100%{opacity:1;transform:translateY(0)}36%{opacity:.82;transform:translateY(.8px)}58%{opacity:.56;transform:translateY(2px)}82%{opacity:.86;transform:translateY(.6px)}}
@keyframes cert-sand-bottom{0%,100%{opacity:1;transform:translateY(0)}36%{opacity:.92;transform:translateY(-.3px)}58%{opacity:1;transform:translateY(-1px)}82%{opacity:.95;transform:translateY(-.2px)}}
@keyframes cert-sand-stream{0%,100%{opacity:.2;stroke-dasharray:0 30}16%{opacity:.42;stroke-dasharray:5 4}34%{opacity:.74;stroke-dasharray:8 3}56%{opacity:1;stroke-dasharray:12 2}78%{opacity:.58;stroke-dasharray:6 5}}
@keyframes cert-grain-a{0%,18%,100%{opacity:.15;transform:translateY(-5px)}42%{opacity:.86;transform:translateY(-1px)}62%{opacity:1;transform:translateY(2px)}82%{opacity:.56;transform:translateY(6px)}}
@keyframes cert-grain-b{0%,28%,100%{opacity:.08;transform:translateY(-4px)}48%{opacity:.62;transform:translateY(0)}66%{opacity:.92;transform:translateY(2px)}84%{opacity:.42;transform:translateY(5px)}}

@media (min-width:769px){
  /* The generated image is only the upper atmosphere layer. It no longer stretches across the full catalog. */
  .cert-page__time-shell{
    background:
      radial-gradient(circle at 18% 0,rgba(133,111,78,.16),transparent 27%),
      radial-gradient(circle at 80% 44%,rgba(40,78,62,.22),transparent 34%),
      linear-gradient(135deg,#10251d 0%,#183026 45%,#202b22 100%);
  }
  .cert-page__time-shell::after{
    content:"";
    position:absolute;
    z-index:0;
    left:0;
    right:0;
    top:0;
    height:430px;
    pointer-events:none;
    background-image:
      linear-gradient(90deg,rgba(6,24,18,.58) 0%,rgba(6,24,18,.35) 40%,rgba(6,24,18,.12) 72%,rgba(6,24,18,.06) 100%),
      url("../img/certificates/time-desktop.webp");
    background-size:cover;
    background-position:center 47%;
    background-repeat:no-repeat;
    opacity:.86;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%);
  }
  .cert-page__time-shell::before{z-index:1;opacity:.08}
  .cert-page__time-atmosphere{display:none}
  .cert-page__time-intro{z-index:3}

  /* Preserve the original animated time line and layer it above the new image. */
  .cert-page__time-network{
    display:block;
    z-index:3;
    height:156px;
    margin:-10px -30px -38px;
    opacity:1;
    mix-blend-mode:screen;
  }
  .cert-page__time-network svg{filter:drop-shadow(0 0 5px rgba(222,178,110,.22))}
  .cert-page__flow-line--main{stroke-width:2.4}
  .cert-page__time-network-grains circle{opacity:.9}
  .cert-page__time-catalog{margin-top:0;z-index:4}
}

@media (max-width:768px){
  .cert-page__amount-card{
    min-height:410px;
    padding:24px 22px 22px;
    background-image:
      linear-gradient(180deg,rgba(246,237,223,.94) 0%,rgba(246,237,223,.88) 34%,rgba(246,237,223,.58) 58%,rgba(246,237,223,.18) 82%,rgba(246,237,223,.05) 100%),
      url("../img/certificates/amount-mobile.webp");
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
  }
  .cert-page__amount-content{max-width:92%}
  .cert-page__amount-logo{display:none!important}

  /* Mobile time depth: dark atmospheric shell with standalone premium hourglass. */
  .cert-page__brand-lockup{
    justify-content:center;
    padding-right:0;
    min-height:112px;
  }
  .cert-page__logo-hourglass{
    width:46px;
    height:74px;
    filter:drop-shadow(0 4px 9px rgba(169,130,85,.14));
  }
  .cert-page__logo-hourglass-frame{stroke:#a98255;stroke-width:1.8}
  .cert-page__logo-hourglass-sand{fill:#a98255}
  .cert-page__logo-hourglass-stream{stroke:#c59a62}
}

@media (max-width:420px){
  .cert-page__logo-hourglass{width:42px;height:68px}
}

/* v5 premium hourglass visibility: atmospheric contrast without a card. */
@media (min-width:769px){
  .cert-page__time-intro::after{
    content:"";
    position:absolute;
    right:96px;
    bottom:-74px;
    width:292px;
    height:148px;
    pointer-events:none;
    opacity:.78;
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 292 148' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='84' x2='292' y2='84' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23a77943' stop-opacity='0'/%3E%3Cstop offset='0.18' stop-color='%23c69762' stop-opacity='.38'/%3E%3Cstop offset='0.52' stop-color='%23e3c183' stop-opacity='.92'/%3E%3Cstop offset='0.76' stop-color='%23d4aa6b' stop-opacity='.68'/%3E%3Cstop offset='1' stop-color='%23e3c183' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M1 128C39 128 57 126 82 112C110 97 135 71 159 52C190 29 214 16 254 14C266 13 277 13 291 14' stroke='url(%23g)' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='M45 118C75 110 95 99 118 80C144 59 173 31 214 19' stroke='url(%23g)' stroke-width='1.15' stroke-linecap='round' opacity='.72'/%3E%3Ccircle cx='113' cy='83' r='1.6' fill='%23e4bf80' fill-opacity='.75'/%3E%3Ccircle cx='165' cy='47' r='2.2' fill='%23e4bf80' fill-opacity='.84'/%3E%3Ccircle cx='226' cy='21' r='1.6' fill='%23e4bf80' fill-opacity='.75'/%3E%3C/svg%3E");
    filter:drop-shadow(0 0 5px rgba(225,189,127,.18));
    transform-origin:100% 20%;
  }
  .cert-page__brand-lockup{padding-right:18px}
  .cert-page__brand-lockup::before{
    content:"";
    position:absolute;
    z-index:0;
    right:-5px;
    top:50%;
    width:150px;
    height:166px;
    transform:translateY(-50%);
    border-radius:50%;
    background:radial-gradient(ellipse at center,rgba(4,18,14,.66) 0%,rgba(4,18,14,.42) 39%,rgba(4,18,14,.15) 61%,rgba(4,18,14,0) 78%);
    pointer-events:none;
  }
  .cert-page__brand-lockup::after{
    content:"";
    position:absolute;
    z-index:1;
    right:5px;
    top:50%;
    width:128px;
    height:128px;
    transform:translateY(-50%) scale(.78);
    border-radius:50%;
    opacity:0;
    background:radial-gradient(circle,rgba(239,201,137,.30) 0%,rgba(213,166,96,.14) 35%,rgba(213,166,96,0) 72%);
    box-shadow:0 0 24px rgba(223,180,112,.12);
    pointer-events:none;
  }
  .cert-page__logo-hourglass{
    width:84px;
    height:131px;
    filter:drop-shadow(0 2px 2px rgba(4,16,12,.95)) drop-shadow(0 0 10px rgba(231,190,123,.20)) drop-shadow(0 12px 24px rgba(0,0,0,.36));
  }
  .cert-page__logo-hourglass::before{width:206px;height:206px}
  .cert-page__logo-hourglass::after{transform:rotate(-34deg) translateY(-96px)}
}

@media (max-width:768px){
  .cert-page__time-intro::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-54px;
    width:168px;
    height:96px;
    transform:translateX(-50%);
    pointer-events:none;
    opacity:.76;
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 168 96' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='56' x2='168' y2='56' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23b17f49' stop-opacity='0'/%3E%3Cstop offset='0.24' stop-color='%23cd9d65' stop-opacity='.34'/%3E%3Cstop offset='0.54' stop-color='%23e3c183' stop-opacity='.82'/%3E%3Cstop offset='0.78' stop-color='%23d4aa6b' stop-opacity='.56'/%3E%3Cstop offset='1' stop-color='%23e3c183' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M2 88C30 88 45 86 62 76C83 63 95 49 109 35C126 18 142 10 166 9' stroke='url(%23g)' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M34 80C53 73 68 63 82 50C96 38 111 21 136 13' stroke='url(%23g)' stroke-width='1' stroke-linecap='round' opacity='.68'/%3E%3Ccircle cx='79' cy='51' r='1.4' fill='%23e4bf80' fill-opacity='.7'/%3E%3Ccircle cx='112' cy='30' r='1.8' fill='%23e4bf80' fill-opacity='.82'/%3E%3C/svg%3E");
    filter:drop-shadow(0 0 4px rgba(169,130,85,.14));
    transform-origin:100% 12%;
  }
  .cert-page__brand-lockup{justify-content:center;padding-right:0;min-height:112px}
  .cert-page__brand-lockup::before{
    content:"";
    position:absolute;
    z-index:0;
    left:50%;
    top:50%;
    width:98px;
    height:118px;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:radial-gradient(ellipse at center,rgba(19,50,41,.15) 0%,rgba(19,50,41,.07) 46%,rgba(19,50,41,0) 75%);
    pointer-events:none;
  }
  .cert-page__brand-lockup::after{
    content:"";
    position:absolute;
    z-index:1;
    left:50%;
    top:50%;
    width:88px;
    height:88px;
    transform:translate(-50%,-50%) scale(.78);
    border-radius:50%;
    opacity:0;
    background:radial-gradient(circle,rgba(169,130,85,.22),rgba(169,130,85,0) 72%);
    pointer-events:none;
  }
  .cert-page__brand-lockup.is-turning::after{animation:cert-hourglass-node-pulse-mobile .84s ease-out}
  .cert-page__logo-hourglass{width:50px;height:78px;filter:drop-shadow(0 3px 8px rgba(106,74,42,.16))}
  .cert-page__logo-hourglass::before{width:142px;height:142px}
  .cert-page__logo-hourglass::after{width:4px;height:4px;margin:-2px 0 0 -2px;transform:rotate(-30deg) translateY(-66px);box-shadow:8px 5px 0 -1px rgba(247,217,164,.72),14px 9px 0 -1px rgba(244,208,146,.62),20px 13px 0 -1px rgba(248,226,185,.46),26px 17px 0 -1px rgba(247,217,164,.34),-6px 7px 0 -1px rgba(244,208,146,.56),-12px 11px 0 -1px rgba(248,226,185,.42),2px 16px 0 -1px rgba(247,217,164,.48),-17px 3px 0 -1px rgba(244,208,146,.32)}
  .cert-page__hourglass-glass{stroke:rgba(120,92,60,.28)}
  .cert-page__hourglass-glass-sheen{stroke:rgba(255,255,255,.68)}
}
@keyframes cert-hourglass-node-pulse-mobile{
  0%,100%{opacity:0;transform:translate(-50%,-50%) scale(.78)}
  38%{opacity:.72;transform:translate(-50%,-50%) scale(1.02)}
  72%{opacity:.26;transform:translate(-50%,-50%) scale(1.12)}
}
@media (max-width:420px){.cert-page__logo-hourglass{width:46px;height:72px}.cert-page__logo-hourglass::before{width:132px;height:132px}.cert-page__logo-hourglass::after{transform:rotate(-30deg) translateY(-61px)}}

@media (prefers-reduced-motion:reduce){
  .cert-page__time-intro:has(.cert-page__brand-lockup.is-turning)::after,
  .cert-page__brand-lockup.is-turning::after,
  .cert-page__brand-lockup.is-turning .cert-page__logo-hourglass::before,
  .cert-page__brand-lockup.is-turning .cert-page__logo-hourglass::after,
  .cert-page__brand-lockup.is-turning .cert-page__hourglass-glass-sheen,
  .cert-page__brand-lockup.is-turning .cert-page__logo-hourglass-sand--top,
  .cert-page__brand-lockup.is-turning .cert-page__logo-hourglass-sand--bottom,
  .cert-page__brand-lockup.is-turning .cert-page__logo-hourglass-stream,
  .cert-page__brand-lockup.is-turning .cert-page__hourglass-grain{animation:none!important}
}


/* v6 card composition: category image becomes the title backdrop; time-wave softens the transition. */
.cert-page__card{
  --cert-card-surface:#fbf7ef;
  background:var(--cert-card-surface);
}
.cert-page__card-visual{
  min-height:176px;
  isolation:isolate;
}
.cert-page__card-visual::before{
  content:"";
  display:block;
  position:absolute;
  z-index:1;
  inset:0;
  left:0;
  width:auto;
  height:auto;
  bottom:0;
  border:0;
  border-radius:0;
  transform:none;
  background:
    linear-gradient(180deg,rgba(7,23,20,.22) 0%,rgba(12,34,29,.38) 36%,rgba(10,27,23,.76) 100%),
    linear-gradient(135deg,rgba(19,50,41,.28) 0%,rgba(31,41,39,.12) 54%,rgba(19,50,41,.32) 100%);
  transition:background .24s ease;
  pointer-events:none;
}
.cert-page__card-visual::after,
.cert-page__card-visual--image::after{
  content:"";
  display:block;
  position:absolute;
  z-index:4;
  left:-1%;
  right:auto;
  top:auto;
  bottom:-1px;
  width:102%;
  height:44px;
  border:0;
  border-radius:0;
  transform:none;
  pointer-events:none;
  background-repeat:no-repeat;
  background-position:center bottom;
  background-size:100% 100%;
  background-image:url("../img/certificates/card-time-flow-desktop-20261006d.svg");
  transition:filter .22s ease,opacity .22s ease;
}
.cert-page__card-visual--image::before{display:block}
.cert-page__card-title--visual{
  position:absolute;
  z-index:3;
  left:16px;
  right:16px;
  top:50%;
  bottom:auto;
  transform:translateY(-50%);
  min-height:0;
  margin:0;
  color:#fff8eb;
  font-size:23px;
  line-height:1.08;
  text-align:center;
  text-wrap:balance;
  text-shadow:0 2px 10px rgba(5,22,16,.54),0 1px 2px rgba(5,22,16,.62);
}
.cert-page__card-category-icon{
  z-index:2;
  color:rgba(255,239,210,.84);
  filter:drop-shadow(0 2px 7px rgba(20,28,22,.28));
}
.cert-page__card-body{
  min-height:111px;
  padding:9px 16px 15px;
  background:var(--cert-card-surface);
}
.cert-page__card-info{
  margin-top:0;
  padding-top:3px;
  border-top:0;
}

@media (hover:hover) and (pointer:fine){
  .cert-page__card:hover .cert-page__card-visual::after,
  .cert-page__card:hover .cert-page__card-visual--image::after{
    background-image:url("../img/certificates/card-time-flow-desktop-hover-20261006d.svg");
    opacity:1;
  }
}

@media (max-width:768px){
  .cert-page__card{
    grid-template-columns:138px minmax(0,1fr);
    min-height:138px;
    background:linear-gradient(180deg,#fffdf8 0%,var(--cert-card-surface) 100%);
    border-color:rgba(169,130,85,.12);
    box-shadow:
      0 14px 28px rgba(62,47,31,.14),
      0 4px 10px rgba(62,47,31,.08),
      inset 0 1px 0 rgba(255,255,255,.92),
      inset 0 -1px 0 rgba(169,130,85,.07);
  }
  .cert-page__card-visual{
    grid-row:1;
    grid-column:1;
    min-height:138px;
    height:100%;
    border-radius:15px 0 0 15px;
  }
  .cert-page__card-visual::before{
    background:linear-gradient(180deg,rgba(7,27,20,.03) 0%,rgba(7,27,20,.08) 50%,rgba(7,27,20,.18) 100%);
  }
  .cert-page__card-visual::after,
  .cert-page__card-visual--image::after{
    left:auto;
    right:-1px;
    top:-2%;
    bottom:auto;
    width:34px;
    height:104%;
    background-position:right center;
    background-size:100% 100%;
    background-image:url("../img/certificates/card-time-flow-mobile-20261006d.svg");
  }
  .cert-page__card-title--visual{
    left:9px;
    right:30px;
    top:49%;
    bottom:auto;
    transform:translateY(-50%);
    margin:0;
    color:#fffdf7;
    font-size:15.5px;
    line-height:1.08;
    text-align:center;
    text-shadow:
      0 2px 7px rgba(5,22,16,.88),
      0 1px 2px rgba(5,22,16,.95),
      0 0 1px rgba(5,22,16,1);
  }
  .cert-page__card-body{
    grid-column:2;
    min-height:138px;
    padding:13px 13px 12px 10px;
  }
  .cert-page__card-info{
    padding-top:0;
    gap:8px;
  }
}

@media (max-width:768px) and (hover:hover) and (pointer:fine){
  .cert-page__card:hover .cert-page__card-visual::after,
  .cert-page__card:hover .cert-page__card-visual--image::after{
    background-image:url("../img/certificates/card-time-flow-mobile-hover-20261006d.svg");
  }
}

@media (max-width:420px){
  .cert-page__card{grid-template-columns:128px minmax(0,1fr)}
  .cert-page__card-title--visual{font-size:14.5px;left:8px;right:28px;top:49%;bottom:auto;transform:translateY(-50%);text-align:center;line-height:1.07}
  .cert-page__card-body{padding-left:9px}
}


/* ===== Amount certificate block — premium light system (2026-10-06 refined) ===== */
.cert-page__amount{padding:18px 0 36px}
.cert-page__amount-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(380px,49%);
  gap:0;
  align-items:stretch;
  min-height:338px;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(191,156,112,.34);
  border-radius:32px;
  background:
    radial-gradient(circle at 9% 24%,rgba(255,255,255,.68),transparent 24%),
    linear-gradient(135deg,#f4eadb 0%,#f0e4d4 44%,#eadbc5 100%);
  box-shadow:0 18px 42px rgba(75,56,33,.10);
}
.cert-page__amount-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(247,239,227,.94) 0%,rgba(247,239,227,.88) 22%,rgba(247,239,227,.80) 38%,rgba(247,239,227,.60) 49%,rgba(247,239,227,.28) 60%,rgba(247,239,227,0) 70%);
  pointer-events:none;
  z-index:0;
}
.cert-page__amount-card::after{display:none}
.cert-page__amount-flow{
  display:block!important;
  position:absolute;
  left:-1%;
  right:-1%;
  top:0;
  bottom:0;
  opacity:.95;
  pointer-events:none;
  z-index:1;
}
.cert-page__amount-flow svg{width:100%;height:100%}
.cert-page__amount-flow .flow-main,
.cert-page__amount-flow .flow-soft,
.cert-page__amount-flow path{fill:none}
.cert-page__amount-flow .flow-main{stroke:rgba(192,149,91,.68);stroke-width:1.55}
.cert-page__amount-flow .flow-soft{stroke:rgba(250,244,233,.98);stroke-width:1.02}
.cert-page__amount-flow circle{fill:#ecc778;opacity:.98;filter:drop-shadow(0 0 4px rgba(255,238,190,.65))}
.cert-page__amount-content{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-width:0;
  padding:74px 42px 48px;
}
.cert-page__amount-kicker{color:var(--cert-bronze);font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase}
.cert-page__amount-content h2{
  margin:14px 0 16px;
  color:#131614;
  font-family:Forum,Georgia,serif;
  font-size:clamp(48px,5.2vw,74px);
  font-weight:400;
  line-height:.95;
  max-width:460px;
}
.cert-page__amount-content p{
  max-width:420px;
  margin:0;
  color:#645b52;
  font-size:16px;
  line-height:1.56;
}
.cert-page__amount-price{
  margin-top:34px;
  color:#111513;
  font-family:Forum,Georgia,serif;
  font-size:clamp(40px,3.4vw,56px);
  line-height:1;
}
.cert-page__amount-buy{
  position:relative;
  z-index:2;
  margin-top:26px;
  min-width:0;
  width:100%;
  max-width:392px;
  min-height:72px;
  padding:0 30px;
  align-self:flex-start;
  border-radius:999px;
  box-shadow:0 16px 34px rgba(7,63,49,.16),inset 0 1px 0 rgba(255,255,255,.06);
}
.cert-page__amount-action,
.cert-page__amount-logo{display:none!important}
.cert-page__amount-media{
  position:relative;
  z-index:1;
  min-height:100%;
  background-image:url("../img/certificates/amount-premium-desktop-20261006.webp");
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.cert-page__amount-media::before{
  content:"";
  position:absolute;
  inset:0 auto 0 -1px;
  width:40%;
  background:linear-gradient(90deg,rgba(240,228,212,.98) 0%,rgba(240,228,212,.92) 18%,rgba(240,228,212,.74) 42%,rgba(240,228,212,.34) 72%,rgba(240,228,212,0) 100%);
}
.cert-page__amount-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 0% 50%,rgba(255,245,231,.34),transparent 28%),
    linear-gradient(270deg,rgba(243,232,216,0) 0%,rgba(243,232,216,.04) 58%,rgba(243,232,216,.12) 100%);
}

@media (max-width:1180px){
  .cert-page__amount-card{grid-template-columns:minmax(0,1fr) minmax(320px,46%)}
  .cert-page__amount-content{padding:70px 36px 40px}
}

@media (max-width:900px){
  .cert-page__amount-card{grid-template-columns:1fr;min-height:0}
  .cert-page__amount-flow{bottom:auto;height:100%}
  .cert-page__amount-content{padding:66px 30px 18px}
  .cert-page__amount-content p{max-width:500px}
  .cert-page__amount-buy{max-width:100%}
  .cert-page__amount-media{min-height:280px}
  .cert-page__amount-media::before{width:100%;height:30%;inset:0 0 auto 0;background:linear-gradient(180deg,rgba(240,228,212,.20),rgba(240,228,212,0))}
}

@media (max-width:768px){
  .cert-page__amount{padding:10px 0 24px}
  .cert-page__amount-card{display:block;border-radius:28px}
  .cert-page__amount-flow{left:0;right:0;top:0;bottom:0;opacity:.9}
  .cert-page__amount-content{padding:56px 22px 0}
  .cert-page__amount-content h2{margin:12px 0 14px;font-size:clamp(36px,9vw,58px);line-height:.98;max-width:280px}
  .cert-page__amount-content p{max-width:none;font-size:15px;line-height:1.5}
  .cert-page__amount-price{margin-top:22px;font-size:30px}
  .cert-page__amount-buy{margin-top:20px;max-width:none;width:100%;min-height:58px;padding:0 24px}
  .cert-page__amount-media{
    margin-top:22px;
    min-height:255px;
    border-radius:0 0 28px 28px;
    background-image:url("../img/certificates/amount-premium-mobile-20261006.webp");
    background-position:center center;
    background-size:cover;
  }
  .cert-page__amount-media::before{display:none}
  .cert-page__amount-media::after{background:linear-gradient(180deg,rgba(243,232,216,.04),rgba(243,232,216,0))}
}


/* ===== Amount certificate — unified scene architecture (2026-10-06) ===== */
.cert-page__amount{padding:18px 0 38px}
.cert-page__amount-card--unified{
  position:relative;
  display:block;
  min-height:392px;
  overflow:hidden;
  padding:0;
  border:1px solid rgba(188,150,100,.34);
  border-radius:32px;
  background:#f1e5d4;
  box-shadow:0 20px 46px rgba(68,52,32,.11);
  isolation:isolate;
}
.cert-page__amount-card--unified::before,
.cert-page__amount-card--unified::after{content:none!important;display:none!important}
.cert-page__amount-scene{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  pointer-events:none;
}
.cert-page__amount-scene img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
.cert-page__amount-veil{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 15% 42%,rgba(255,250,242,.88) 0%,rgba(249,241,229,.72) 27%,rgba(247,238,225,.26) 48%,rgba(247,238,225,0) 66%),
    linear-gradient(90deg,rgba(246,237,223,.88) 0%,rgba(246,237,223,.76) 28%,rgba(246,237,223,.44) 44%,rgba(246,237,223,.13) 58%,rgba(246,237,223,0) 72%);
}
.cert-page__amount-content{
  position:relative;
  z-index:4;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  width:50%;
  min-height:392px;
  padding:74px 38px 46px 42px;
}
.cert-page__amount-kicker{
  color:#a97945;
  font-size:12px;
  font-weight:600;
  letter-spacing:.24em;
  text-transform:uppercase;
  text-shadow:0 1px 0 rgba(255,255,255,.48);
}
.cert-page__amount-content h2{
  max-width:470px;
  margin:15px 0 16px;
  color:#111511;
  font-family:Forum,Georgia,serif;
  font-size:clamp(52px,5.35vw,78px);
  font-weight:400;
  line-height:.94;
  letter-spacing:-.012em;
}
.cert-page__amount-content p{
  max-width:420px;
  margin:0;
  color:#60584f;
  font-size:16px;
  line-height:1.55;
}
.cert-page__amount-price{
  margin-top:31px;
  color:#111511;
  font-family:Forum,Georgia,serif;
  font-size:clamp(42px,3.6vw,58px);
  line-height:1;
}
.cert-page__amount-buy{
  margin-top:26px;
  width:100%;
  max-width:390px;
  min-width:0;
  min-height:68px;
  padding:0 30px;
  border-radius:999px;
  align-self:flex-start;
  box-shadow:0 14px 30px rgba(7,62,49,.16),inset 0 1px 0 rgba(255,255,255,.07);
}
.cert-page__amount-flow{
  display:block!important;
  position:absolute;
  left:-1.5%;
  right:-1.5%;
  height:112px;
  z-index:3;
  opacity:.94;
  pointer-events:none;
}
.cert-page__amount-flow--top{top:6px}
.cert-page__amount-flow--bottom{bottom:4px}
.cert-page__amount-flow svg{width:100%;height:100%;overflow:visible}
.cert-page__amount-flow path{fill:none}
.cert-page__amount-flow .flow-main{stroke:rgba(190,143,83,.72);stroke-width:1.55}
.cert-page__amount-flow .flow-soft{stroke:rgba(255,247,233,.96);stroke-width:1.05}
.cert-page__amount-flow circle{fill:#efc777;opacity:.98;filter:drop-shadow(0 0 4px rgba(255,239,196,.78))}
.cert-page__amount-action,
.cert-page__amount-media,
.cert-page__amount-logo{display:none!important}

@media (max-width:1180px){
  .cert-page__amount-content{width:52%;padding-left:34px;padding-right:30px}
}

@media (max-width:900px){
  .cert-page__amount-card--unified{min-height:760px}
  .cert-page__amount-content{width:100%;min-height:auto;padding:58px 30px 0}
  .cert-page__amount-content p{max-width:520px}
  .cert-page__amount-buy{max-width:430px}
  .cert-page__amount-flow--bottom{bottom:auto;top:54%}
}

@media (max-width:768px){
  .cert-page__amount{padding:10px 0 26px}
  .cert-page__amount-card--unified{
    min-height:760px;
    border-radius:28px;
  }
  .cert-page__amount-scene img{
    object-fit:cover;
    object-position:center center;
  }
  .cert-page__amount-veil{
    background:
      linear-gradient(180deg,rgba(247,239,227,.98) 0%,rgba(247,239,227,.98) 41%,rgba(247,239,227,.88) 49%,rgba(247,239,227,.36) 61%,rgba(247,239,227,0) 72%);
  }
  .cert-page__amount-content{
    width:100%;
    min-height:auto;
    padding:78px 22px 0;
  }
  .cert-page__amount-kicker{font-size:11.5px;letter-spacing:.22em}
  .cert-page__amount-content h2{
    max-width:300px;
    margin:13px 0 14px;
    font-size:clamp(39px,9.3vw,54px);
    line-height:.98;
  }
  .cert-page__amount-content p{max-width:360px;font-size:15px;line-height:1.52}
  .cert-page__amount-price{margin-top:22px;font-size:31px}
  .cert-page__amount-buy{margin-top:20px;max-width:none;width:100%;min-height:58px;padding:0 24px}
  .cert-page__amount-flow{left:-4%;right:-4%;height:82px;opacity:.9}
  .cert-page__amount-flow--top{top:7px}
  .cert-page__amount-flow--bottom{top:56%;bottom:auto}
  .cert-page__amount-flow .flow-main{stroke-width:1.35}
  .cert-page__amount-flow .flow-soft{stroke-width:.9}
}

@media (max-width:420px){
  .cert-page__amount-card--unified{min-height:735px}
  .cert-page__amount-content{padding:72px 20px 0}
  .cert-page__amount-content h2{font-size:40px}
  .cert-page__amount-flow--bottom{top:56%}
}

/* ===== Purchase buttons: subtle premium depth, no lift (2026-10-06) ===== */
.cert-page__buy:not(.cert-page__buy--disabled){
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(211,173,116,.22);
  background:linear-gradient(180deg,#125e4c 0%,#0d5041 46%,#0a4438 100%);
  box-shadow:
    0 8px 18px rgba(5,42,34,.20),
    0 2px 5px rgba(5,42,34,.16),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -2px 0 rgba(3,29,24,.20);
  text-shadow:0 1px 2px rgba(0,0,0,.18);
  transform:none;
}
.cert-page__buy:not(.cert-page__buy--disabled)::before{
  content:"";
  position:absolute;
  z-index:0;
  left:10px;
  right:10px;
  top:1px;
  height:46%;
  border-radius:999px 999px 55% 55%;
  background:linear-gradient(180deg,rgba(255,255,255,.105) 0%,rgba(255,255,255,.028) 62%,rgba(255,255,255,0) 100%);
  pointer-events:none;
}
.cert-page__buy:not(.cert-page__buy--disabled)::after{
  content:"";
  position:absolute;
  z-index:0;
  left:12%;
  right:12%;
  bottom:2px;
  height:22%;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(2,25,20,.18) 0%,rgba(2,25,20,0) 72%);
  pointer-events:none;
}
.cert-page__buy:not(.cert-page__buy--disabled) > span{
  position:relative;
  z-index:1;
}
@media (hover:hover) and (pointer:fine){
  .cert-page__buy:not(.cert-page__buy--disabled):hover{
    transform:none;
    background:linear-gradient(180deg,#146651 0%,#0e5545 46%,#0a4639 100%);
    box-shadow:
      0 10px 22px rgba(5,42,34,.23),
      0 3px 7px rgba(5,42,34,.17),
      inset 0 1px 0 rgba(255,255,255,.20),
      inset 0 -2px 0 rgba(3,29,24,.22);
  }
}

/* ===== Mobile certificate cards: balanced vertical spacing (2026-10-07) ===== */
@media (max-width:768px){
  .cert-page__card-body{
    padding:17px 13px 11px 10px;
  }
  .cert-page__card-info{
    padding-top:2px;
  }
  .cert-page__card-body > .cert-page__buy{
    margin-top:auto;
    margin-bottom:auto;
  }
}

@media (max-width:420px){
  .cert-page__card-body{
    padding-top:16px;
    padding-bottom:10px;
  }
}


/* ===== Certificate formats + FAQ premium finish (2026-10-07) ===== */
.cert-page__formats{
  padding:34px 0 20px;
}
.cert-page__formats-grid{
  gap:20px;
}
.cert-page__format-card{
  position:relative;
  overflow:hidden;
  min-height:138px;
  padding:26px 28px;
  border:1px solid rgba(176,137,89,.28);
  border-radius:24px;
  background:
    radial-gradient(circle at 12% 0%,rgba(255,255,255,.56),transparent 30%),
    linear-gradient(145deg,rgba(248,241,231,.94),rgba(242,231,216,.88));
  box-shadow:
    0 14px 34px rgba(70,52,31,.08),
    inset 0 1px 0 rgba(255,255,255,.72);
}
.cert-page__format-card::after{
  content:"";
  position:absolute;
  inset:auto 26px 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(190,148,93,.32),transparent);
  pointer-events:none;
}
.cert-page__format-icon{
  position:relative;
  flex:0 0 52px;
  height:52px;
  border:1px solid rgba(178,138,90,.28);
  background:
    radial-gradient(circle at 32% 25%,rgba(255,255,255,.78),transparent 42%),
    linear-gradient(145deg,rgba(239,229,210,.95),rgba(226,211,187,.78));
  color:transparent;
  font-size:0;
  box-shadow:
    0 8px 18px rgba(74,55,31,.08),
    inset 0 1px 0 rgba(255,255,255,.7);
}
.cert-page__format-card:first-child .cert-page__format-icon::before{
  content:"";
  position:absolute;
  left:14px;
  top:17px;
  width:22px;
  height:15px;
  border:2px solid var(--cert-green);
  border-radius:3px;
  box-sizing:border-box;
}
.cert-page__format-card:first-child .cert-page__format-icon::after{
  content:"";
  position:absolute;
  left:17px;
  top:17px;
  width:15px;
  height:11px;
  border-left:2px solid var(--cert-green);
  border-bottom:2px solid var(--cert-green);
  transform:rotate(-45deg) skew(-8deg,-8deg);
  transform-origin:center;
  opacity:.9;
}
.cert-page__format-card:last-child .cert-page__format-icon::before{
  content:"";
  position:absolute;
  left:14px;
  top:20px;
  width:24px;
  height:18px;
  border:2px solid #a97f4a;
  border-radius:2px;
  box-sizing:border-box;
  box-shadow:0 -6px 0 -4px #a97f4a;
}
.cert-page__format-card:last-child .cert-page__format-icon::after{
  content:"";
  position:absolute;
  left:24px;
  top:13px;
  width:4px;
  height:27px;
  background:#a97f4a;
  border-radius:2px;
  box-shadow:-5px -2px 0 -2px #a97f4a,5px -2px 0 -2px #a97f4a;
}
.cert-page__format-card h2{
  margin-bottom:9px;
  font-size:31px;
  line-height:1.05;
}
.cert-page__format-card p{
  max-width:520px;
  color:#665f57;
  font-size:15px;
  line-height:1.6;
}

.cert-page__faq{
  padding:28px 0 64px;
}
.cert-page__faq-list{
  gap:12px;
  margin-top:20px;
}
.cert-page__faq-list details{
  overflow:hidden;
  padding:0 20px;
  border:1px solid rgba(176,137,89,.23);
  border-radius:18px;
  background:
    radial-gradient(circle at 0 0,rgba(255,255,255,.46),transparent 26%),
    linear-gradient(145deg,rgba(248,242,233,.92),rgba(243,234,221,.80));
  box-shadow:
    0 10px 26px rgba(70,52,31,.055),
    inset 0 1px 0 rgba(255,255,255,.7);
  transition:border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.cert-page__faq-list details:hover{
  border-color:rgba(176,137,89,.34);
  box-shadow:
    0 14px 30px rgba(70,52,31,.075),
    inset 0 1px 0 rgba(255,255,255,.74);
}
.cert-page__faq-list details[open]{
  border-color:rgba(176,137,89,.36);
  background:
    radial-gradient(circle at 0 0,rgba(255,255,255,.56),transparent 28%),
    linear-gradient(145deg,rgba(249,244,236,.96),rgba(240,230,215,.88));
  box-shadow:
    0 16px 34px rgba(70,52,31,.08),
    inset 0 1px 0 rgba(255,255,255,.75);
}
.cert-page__faq-list summary{
  position:relative;
  display:flex;
  align-items:center;
  min-height:62px;
  padding:17px 46px 17px 0;
  list-style:none;
  color:var(--cert-green);
  font-weight:500;
}
.cert-page__faq-list summary::-webkit-details-marker{
  display:none;
}
.cert-page__faq-list summary::before{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:0;
  height:1px;
  background:linear-gradient(90deg,rgba(178,138,90,.55),rgba(178,138,90,.12),transparent);
  transition:width .24s ease;
}
.cert-page__faq-list details[open] summary::before{
  width:100%;
}
.cert-page__faq-list summary::after{
  content:"";
  position:absolute;
  right:4px;
  top:50%;
  width:10px;
  height:10px;
  border-right:1.8px solid #a97f4a;
  border-bottom:1.8px solid #a97f4a;
  transform:translateY(-68%) rotate(45deg);
  transition:transform .22s ease;
}
.cert-page__faq-list details[open] summary::after{
  transform:translateY(-28%) rotate(225deg);
}
.cert-page__faq-list p{
  margin:0;
  padding:16px 0 20px;
  color:#655e57;
  line-height:1.62;
}

@media (max-width:768px){
  .cert-page__formats{
    padding:24px 0 16px;
  }
  .cert-page__formats-grid{
    gap:12px;
  }
  .cert-page__format-card{
    min-height:0;
    gap:14px;
    padding:19px 18px;
    border-radius:20px;
  }
  .cert-page__format-icon{
    flex-basis:46px;
    height:46px;
  }
  .cert-page__format-card:first-child .cert-page__format-icon::before{
    left:12px; top:15px; width:20px; height:14px;
  }
  .cert-page__format-card:first-child .cert-page__format-icon::after{
    left:15px; top:15px; width:14px; height:10px;
  }
  .cert-page__format-card:last-child .cert-page__format-icon::before{
    left:12px; top:18px; width:22px; height:17px;
  }
  .cert-page__format-card:last-child .cert-page__format-icon::after{
    left:21px; top:12px; height:25px;
  }
  .cert-page__format-card h2{
    font-size:27px;
  }
  .cert-page__format-card p{
    font-size:14px;
    line-height:1.52;
  }
  .cert-page__faq{
    padding:22px 0 46px;
  }
  .cert-page__faq-list{
    gap:10px;
    margin-top:16px;
  }
  .cert-page__faq-list details{
    padding:0 16px;
    border-radius:16px;
  }
  .cert-page__faq-list summary{
    min-height:58px;
    padding:15px 38px 15px 0;
    font-size:15px;
    line-height:1.35;
  }
  .cert-page__faq-list p{
    padding:14px 0 18px;
    font-size:14px;
    line-height:1.55;
  }
}

/* Certificates page: remove legacy global header bottom gap */
.page-certificates .header{
  margin-bottom:0 !important;
}

@media (max-width:768px){
  body.page-certificates{
    padding-top:17vw !important;
  }
}