/* LizOn Education — UK Guide */
:root{
  --uk-ivory:#fcfbf7;--uk-white:#fff;--uk-green:#1f3149;--uk-green-2:#365c7a;--uk-green-soft:#eef3f7;
  --uk-blue:#7b2f3a;--uk-blue-soft:#f7f1f2;--uk-sand:#f5efe3;--uk-line:#e3e7e3;--uk-ink:#171a18;
  --uk-muted:#626b65;--uk-gold:#b69a60;--uk-shadow:0 14px 38px rgba(31,49,73,.08)
}
body{background:var(--uk-ivory);color:var(--uk-ink)}
.uk-main{overflow:clip}
.uk-main section{scroll-margin-top:128px}
.uk-shell{width:min(calc(100% - 48px),1240px);margin-inline:auto}
.uk-section{padding:clamp(76px,8vw,116px) 0;position:relative;isolation:isolate}
.uk-section--soft{background:var(--uk-green-soft)}
.uk-section--blue-soft{background:var(--uk-blue-soft)}
.uk-section--sand{background:var(--uk-sand)}
.uk-eyebrow{display:inline-block;margin-bottom:13px;color:var(--uk-green-2);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.uk-heading{max-width:800px;margin-bottom:38px}
.uk-heading h2{margin:0;font-size:clamp(38px,5vw,64px);line-height:1;letter-spacing:-.055em;font-weight:650}
.uk-heading p{max-width:720px;margin:18px 0 0;color:var(--uk-muted);font-size:17px;line-height:1.75}
.uk-source{display:inline-flex;margin-top:13px;color:var(--uk-green-2);font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.uk-hero{padding:clamp(68px,8vw,112px) 0 52px;background:radial-gradient(circle at 88% 12%,rgba(49,95,120,.1),transparent 30%),radial-gradient(circle at 12% 80%,rgba(40,101,86,.09),transparent 30%),var(--uk-ivory)}
.uk-hero__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:58px;align-items:center}
.uk-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #dbe7e1;border-radius:999px;background:#fff;color:var(--uk-green);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.uk-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:#70a58f}
.uk-hero h1{max-width:850px;margin:22px 0 20px;font-size:clamp(50px,7vw,90px);line-height:.95;letter-spacing:-.065em;font-weight:650}
.uk-hero h1 span{color:var(--uk-blue)}
.uk-hero__lead{max-width:720px;margin:0;color:var(--uk-muted);font-size:clamp(17px,1.45vw,20px);line-height:1.75}
.uk-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.uk-button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:10px;padding:0 22px;border-radius:14px;border:1px solid transparent;font-size:14px;font-weight:800;transition:.2s}
.uk-button--primary{background:var(--uk-green);color:#fff}
.uk-button--ghost{background:#fff;border-color:var(--uk-line);color:var(--uk-green)}
.uk-button:hover{transform:translateY(-2px)}
.uk-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px;color:#6e7771;font-size:12px}
.uk-hero__summary{padding:26px;border-radius:26px;border:1px solid var(--uk-line);background:rgba(255,255,255,.92);box-shadow:var(--uk-shadow)}
.uk-hero__summary h2{margin:0 0 6px;font-size:24px;letter-spacing:-.035em}
.uk-hero__summary>p{margin:0;color:var(--uk-muted);font-size:14px;line-height:1.6}
.uk-snapshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.uk-snapshot-item{padding:15px;border:1px solid var(--uk-line);border-radius:15px;background:#fff}
.uk-snapshot-item small{display:block;color:#78817b;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.uk-snapshot-item strong{display:block;margin-top:5px;font-size:17px}
.uk-snapshot-item a{display:inline-block;margin-top:6px;color:var(--uk-green-2);font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.uk-hero-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;max-width:520px}
.uk-hero-tool{display:flex;align-items:center;gap:11px;min-height:58px;padding:10px 13px;border:1px solid #d7e4dd;border-radius:15px;background:linear-gradient(180deg,#fff,#f7fbf8);box-shadow:0 8px 22px rgba(31,49,73,.05);color:var(--uk-green);text-align:left}
.uk-hero-tool--search{background:linear-gradient(180deg,#fff,#f5f9fc);border-color:#d7e3ea;color:var(--uk-blue)}
.uk-hero-tool__icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--uk-green-soft)}
.uk-hero-tool small{display:block;color:#78817b;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.uk-hero-tool strong{display:block;font-size:13px}
.uk-alert{padding:0 0 26px}
.uk-alert__box{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:20px 22px;border:1px solid #d8e7e0;border-radius:18px;background:#f7fbf8}
.uk-alert__mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e6f2ec;color:var(--uk-green);font-weight:900}
.uk-alert h3{margin:0 0 6px;font-size:17px}
.uk-alert p{margin:0;color:#5f6962;line-height:1.65;font-size:14px}
.uk-guide{padding:22px 0 8px;border-top:1px solid var(--uk-line);border-bottom:1px solid var(--uk-line);background:rgba(252,251,247,.96)}
.uk-guide__label{display:block;margin-bottom:10px;color:#7b837e;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.uk-guide__links{display:flex;flex-wrap:wrap;gap:8px 22px}
.uk-guide__links a{position:relative;padding:4px 0;color:#616a64;font-size:13px;font-weight:750}
.uk-guide__links a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--uk-green);transition:.2s}
.uk-guide__links a:hover,.uk-guide__links a.is-active{color:var(--uk-green)}
.uk-guide__links a:hover::after,.uk-guide__links a.is-active::after{right:0}
.uk-guide-sticky{position:sticky;top:78px;z-index:80;padding:8px 0;background:rgba(252,251,247,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(227,231,227,.9)}
.uk-guide-sticky .uk-guide__links{flex-wrap:nowrap;overflow:auto;scrollbar-width:none}
.uk-guide-mobile-actions{display:none}
.uk-guide-toggle,.uk-search-toggle{display:none}
.uk-sheet{position:fixed;inset:0;z-index:300;visibility:hidden}
.uk-sheet.is-open{visibility:visible}
.uk-sheet__backdrop{position:absolute;inset:0;border:0;background:rgba(20,28,24,.22);opacity:0;transition:.2s}
.uk-sheet.is-open .uk-sheet__backdrop{opacity:1}
.uk-sheet__panel{position:absolute;left:0;right:0;bottom:0;max-height:78vh;overflow:auto;padding:18px 20px 28px;border-radius:24px 24px 0 0;background:var(--uk-ivory);transform:translateY(105%);transition:.25s}
.uk-sheet.is-open .uk-sheet__panel{transform:translateY(0)}
.uk-sheet__head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--uk-line)}
.uk-sheet__close{border:0;background:transparent;font-size:24px}
.uk-sheet__links{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:14px}
.uk-sheet__links a{padding:12px;border:1px solid var(--uk-line);border-radius:12px;background:#fff;color:var(--uk-green);font-size:12px;font-weight:800}
.uk-search-sheet .uk-sheet__panel{top:max(72px,env(safe-area-inset-top));bottom:auto;max-height:calc(100dvh - max(82px,env(safe-area-inset-top)));border-radius:0 0 24px 24px;transform:translateY(-110%)}
.uk-search-sheet.is-open .uk-sheet__panel{transform:translateY(0)}
.uk-page-search{padding-top:16px}
.uk-page-search input{width:100%;height:52px;border:1px solid var(--uk-line);border-radius:14px;background:#fff;padding:0 15px;font-size:14px;position:sticky;top:58px;z-index:3}
.uk-page-search__hint{margin-top:8px;color:#778079;font-size:11px;line-height:1.55}
.uk-page-search__results{display:grid;gap:8px;margin-top:14px}
.uk-search-result{display:grid;gap:4px;width:100%;padding:12px 13px;border:1px solid var(--uk-line);border-radius:12px;background:#fff;text-align:left}
.uk-search-result__section{justify-self:start;padding:4px 7px;border-radius:999px;background:#f3f6f4;color:var(--uk-green);font-size:9px;font-weight:800;text-transform:uppercase}
.uk-search-result__title{font-size:13px;font-weight:800}
.uk-search-result__context{color:#748078;font-size:11px;line-height:1.45}
.uk-search-empty{padding:14px;border-radius:12px;background:#f8faf8;color:var(--uk-muted);font-size:12px;line-height:1.6}
.uk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.uk-grid--2{grid-template-columns:repeat(2,1fr)}
.uk-card,.uk-fact,.uk-price-box,.uk-uni,.uk-time,.uk-visa-step,.uk-sourcebox{position:relative;overflow:hidden;isolation:isolate}
.uk-card{padding:22px;border:1px solid var(--uk-line);border-radius:20px;background:#fff;box-shadow:0 8px 25px rgba(31,49,73,.035)}
.uk-card h3{margin:11px 0 8px;font-size:19px;letter-spacing:-.025em}
.uk-card p{margin:0;color:var(--uk-muted);font-size:14px;line-height:1.65}
.uk-tag{display:inline-flex;padding:6px 9px;border-radius:999px;background:var(--uk-green-soft);color:var(--uk-green);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.uk-note{padding:15px 17px;border-left:3px solid var(--uk-gold);border-radius:0 12px 12px 0;background:#fbf8f1;color:#605b51;font-size:13px;line-height:1.65}
.uk-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.uk-fact{padding:20px;border:1px solid var(--uk-line);border-radius:18px;background:#fff}
.uk-fact span{display:block;color:#767f79;font-size:10px;font-weight:800;text-transform:uppercase}
.uk-fact strong{display:block;margin-top:8px;font-size:20px}
.uk-fact small{display:block;margin-top:6px;color:var(--uk-muted);font-size:12px;line-height:1.5}
.uk-levels{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.uk-level{padding:20px;border:1px solid var(--uk-line);border-radius:18px;background:#fff}
.uk-level span{display:block;color:var(--uk-green);font-size:11px;font-weight:900;text-transform:uppercase}
.uk-level strong{display:block;margin-top:8px;font-size:17px}
.uk-level small{display:block;margin-top:8px;color:var(--uk-muted);font-size:12px;line-height:1.55}
.uk-provider-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.uk-filter{border:1px solid var(--uk-line);background:#fff;border-radius:999px;padding:9px 13px;color:#66706a;font-size:12px;font-weight:800}
.uk-filter.is-active{background:var(--uk-green-soft);color:var(--uk-green);border-color:#cfe0d8}
.uk-universities{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.uk-uni{display:flex;flex-direction:column;min-height:190px;padding:20px;border:1px solid var(--uk-line);border-radius:18px;background:#fff}
.uk-uni h3{margin:0 0 8px;font-size:18px}
.uk-uni p{margin:0;color:var(--uk-muted);font-size:13px;line-height:1.55}
.uk-uni a{margin-top:auto;padding-top:16px;color:var(--uk-green);font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.uk-price-box{padding:22px;border:1px solid var(--uk-line);border-radius:20px;background:#fff}
.uk-price-box h3{margin:0 0 14px;font-size:20px}
.uk-price-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px solid var(--uk-line);font-size:13px}
.uk-price-row:first-of-type{border-top:0}
.uk-price-row span{color:var(--uk-muted)}
.uk-price-row strong{text-align:right}
.uk-list{display:grid;gap:10px}
.uk-list details{overflow:hidden;border:1px solid var(--uk-line);border-radius:16px;background:#fff}
.uk-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:18px 20px;font-size:14px;font-weight:800}
.uk-list summary::after{content:"+";color:var(--uk-green)}
.uk-list details[open] summary::after{content:"−"}
.uk-list details>div{padding:0 20px 20px;color:var(--uk-muted);font-size:14px;line-height:1.7}
.uk-visa-journey{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.uk-visa-step{display:grid;grid-template-columns:auto 1fr;gap:13px;min-height:190px;padding:20px;border:1px solid var(--uk-line);border-radius:18px;background:#fff}
.uk-visa-step>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--uk-green-soft);color:var(--uk-green);font-size:11px;font-weight:900}
.uk-visa-step h3{margin:4px 0 8px;font-size:16px}
.uk-visa-step p{margin:0;color:var(--uk-muted);font-size:13px;line-height:1.62}
.uk-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:52px;align-items:start}
.uk-calculator{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.uk-field label{display:block;margin-bottom:7px;color:#5d665f;font-size:11px;font-weight:800}
.uk-field input{width:100%;height:48px;border:1px solid var(--uk-line);border-radius:12px;padding:0 13px;background:#fff}
.uk-result{padding:18px;border-radius:15px;background:var(--uk-green-soft)}
.uk-result small{display:block;color:#6d776f;font-size:10px;text-transform:uppercase}
.uk-result strong{display:block;margin-top:4px;font-size:26px;color:var(--uk-green)}
.uk-timeline{display:grid}
.uk-time{display:grid;grid-template-columns:160px 1fr;gap:24px;padding:18px 0;border-top:1px solid var(--uk-line)}
.uk-time strong{color:var(--uk-green);font-size:13px}
.uk-time p{margin:0;color:var(--uk-muted);font-size:14px;line-height:1.65}
.uk-source-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.uk-sourcebox{padding:20px;border:1px solid var(--uk-line);border-radius:18px;background:#fff}
.uk-sourcebox h3{margin:0 0 10px;font-size:17px}
.uk-sourcebox a{display:block;padding:7px 0;color:var(--uk-green-2);font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.uk-cta{padding:78px 0;background:var(--uk-green-soft);border-top:1px solid #dfe9e4}
.uk-cta__inner{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.uk-cta h2{margin:0;font-size:clamp(38px,5vw,62px);line-height:1;letter-spacing:-.05em}
.uk-cta p{max-width:650px;margin:14px 0 0;color:var(--uk-muted);line-height:1.7}

/* subtle UK identity */
#eligibility::before,#visa::before,#after-study::before{content:"";position:absolute;z-index:0;width:340px;height:340px;right:-80px;top:8%;opacity:.025;background-repeat:no-repeat;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 360' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23174438' stroke-width='7' stroke-linecap='round'%3E%3Cpath d='M137 26 C154 61 151 89 134 114 C119 138 109 167 112 196 C115 225 103 255 80 280 C69 293 61 311 60 334'/%3E%3Cpath d='M184 76 C201 110 196 139 180 163 C165 186 155 211 160 239 C164 264 156 289 139 310'/%3E%3C/g%3E%3C/svg%3E")}
#study::after,#money::after,#work-life::after,#arrival::after{content:"";position:absolute;z-index:0;width:300px;height:240px;left:-70px;bottom:6%;opacity:.03;background-image:radial-gradient(circle at 20% 20%,#7b2f3a 0 3px,transparent 4px),radial-gradient(circle at 55% 32%,#7b2f3a 0 4px,transparent 5px),radial-gradient(circle at 72% 62%,#7b2f3a 0 3px,transparent 4px),radial-gradient(circle at 48% 78%,#7b2f3a 0 3px,transparent 4px)}
.uk-card::before,.uk-visa-step::before,.uk-price-box::before,.uk-uni::before{content:"";position:absolute;right:-6px;bottom:-8px;width:40%;height:40%;background-repeat:no-repeat;background-size:contain;background-position:center;opacity:.035;z-index:1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23174438' stroke-width='6' stroke-linecap='round'%3E%3Cpath d='M60 260 C95 218 118 165 143 108 C158 75 183 51 230 34'/%3E%3Cpath d='M112 174 C85 171 72 158 56 140 M136 124 C112 119 98 105 85 87 M159 84 C141 74 130 60 124 43 M145 107 C166 103 186 92 204 74 M125 154 C149 151 169 139 188 121 M98 207 C124 207 147 198 166 184'/%3E%3C/g%3E%3C/svg%3E")}
.uk-card>*,.uk-visa-step>*,.uk-price-box>*,.uk-uni>*{position:relative;z-index:2}

@media(max-width:1050px){
  .uk-hero__grid,.uk-split{grid-template-columns:1fr}
  .uk-grid,.uk-universities{grid-template-columns:repeat(2,1fr)}
  .uk-facts{grid-template-columns:repeat(2,1fr)}
  .uk-levels{grid-template-columns:repeat(3,1fr)}
  .uk-visa-journey{grid-template-columns:repeat(2,1fr)}
  .uk-source-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .uk-shell{width:min(calc(100% - 30px),1240px)}
  .uk-main section{scroll-margin-top:126px}
  .uk-hero{padding-top:50px}
  .uk-hero__grid{gap:28px}
  .uk-hero h1{font-size:clamp(45px,13.8vw,64px)}
  .uk-snapshot-grid{grid-template-columns:1fr 1fr}
  .uk-actions .uk-button{width:100%}
  .uk-hero-tools{max-width:none}
  .uk-alert__box{grid-template-columns:1fr}
  .uk-guide>.uk-shell>.uk-guide__label,.uk-guide>.uk-shell>.uk-guide__links{display:none}
  .uk-guide-sticky .uk-guide__links{display:none}
  .uk-guide-mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .uk-guide-toggle,.uk-search-toggle{display:grid;grid-template-columns:1fr auto;align-items:center;min-height:50px;border:1px solid #d7e4dd;border-radius:12px;background:linear-gradient(180deg,#fff,#f7fbf8);box-shadow:0 7px 18px rgba(31,49,73,.05);padding:10px 13px;color:var(--uk-green);font-size:11px;font-weight:800;text-align:left}
  .uk-search-toggle{background:linear-gradient(180deg,#fff,#f5f9fc);color:var(--uk-blue)}
  .uk-guide-toggle strong,.uk-search-toggle strong{display:none}
  .uk-sheet__links{grid-template-columns:1fr}
  .uk-grid,.uk-grid--2,.uk-universities,.uk-facts,.uk-levels,.uk-visa-journey,.uk-source-grid{grid-template-columns:1fr}
  .uk-heading h2{font-size:40px}
  .uk-calculator{grid-template-columns:1fr}
  .uk-time{grid-template-columns:1fr;gap:6px}
  .uk-cta__inner{grid-template-columns:1fr}
}

/* UK-specific visual motifs */
#eligibility::before,#visa::before,#after-study::before{
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%231f3149' stroke-width='7' stroke-linecap='round'%3E%3Cpath d='M150 38 V262 M38 150 H262'/%3E%3Cpath d='M66 66 L234 234 M234 66 L66 234'/%3E%3C/g%3E%3C/svg%3E")!important;
  opacity:.016!important
}
#study::after,#money::after,#work-life::after,#arrival::after{
  background-image:
    radial-gradient(circle at 20% 20%,#7b2f3a 0 3px,transparent 4px),
    radial-gradient(circle at 55% 32%,#1f3149 0 4px,transparent 5px),
    radial-gradient(circle at 72% 62%,#7b2f3a 0 3px,transparent 4px),
    radial-gradient(circle at 48% 78%,#1f3149 0 3px,transparent 4px)!important
}
.uk-card::before,.uk-visa-step::before,.uk-price-box::before,.uk-uni::before{
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%231f3149' stroke-width='5'%3E%3Cpath d='M42 230 H258'/%3E%3Cpath d='M84 230 V120 H216 V230'/%3E%3Cpath d='M102 120 V94 H198 V120'/%3E%3Cpath d='M64 94 L150 52 L236 94'/%3E%3Cpath d='M120 230 V154 M150 230 V154 M180 230 V154'/%3E%3C/g%3E%3C/svg%3E")!important;
  opacity:.028!important
}
#arrival .uk-time::before{
  content:"";position:absolute;right:0;bottom:0;width:34%;height:80%;opacity:.022;background-repeat:no-repeat;background-size:contain;background-position:right bottom;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 260 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%237b2f3a' stroke-width='6'%3E%3Cpath d='M72 180 H190 M96 180 V70 H166 V180 M115 70 V45 H147 V70 M106 104 H156 M106 128 H156 M106 152 H156'/%3E%3C/g%3E%3C/svg%3E")
}
