@charset "UTF-8";
:root{--bg:#06051d;--panel:#0f1c36;--line:#cad5e226;--text:#cad5e2;--muted:#a4b3c9;--accent:#63b3ed;color-scheme:dark}
html{background:var(--bg);scroll-padding-top:105px}body{background:linear-gradient(0deg,#06051d 30%,#061434);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:400;line-height:1.65;overflow-wrap:break-word}
::selection{background:#314062;color:#fff}a{color:var(--accent)}a:hover{color:#ebf8ff}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #63b3ed;outline-offset:5px}
.wrap{width:min(800px,calc(100% - 48px))}header{position:sticky;top:0;z-index:20;background:#1d293df5;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}header .wrap{width:calc(100% - 80px);max-width:1440px}.nav{min-height:76px;gap:24px;padding:12px 0;flex-wrap:wrap}.brand-logo{display:flex;align-items:center;gap:14px;color:#fff;letter-spacing:0;flex-shrink:0}.brand-mark{font-size:25px;font-weight:400;letter-spacing:-3px;border-right:1px solid #cad5e233;padding-right:17px;line-height:1}.brand-mark span{color:#63b3ed}.brand-name{font-size:15px;font-weight:400;letter-spacing:-.5px}.brand-name span{color:#8497b4}nav{gap:24px;font-size:13px;flex-wrap:wrap}nav a{white-space:nowrap}nav .button{padding:8px 18px}nav a[href*='login'],nav a[href*='login']:hover{background:var(--bg);color:var(--text)}.button,button{font-family:inherit;font-size:13px;font-weight:400;padding:11px 21px;border:1px solid #ffffff26;border-radius:9999px;background:#1d293d66;color:#ebf8ff;gap:12px;transition:background .2s,border-color .2s}.button:hover,button:hover{background:#31406288;color:#fff;border-color:#cad5e266}.button.explore{background:#733e0a33;color:#fefce8}.button.access{background:#004f3b33;color:#64e5bb}.outline{background:transparent}.danger{background:#8b083633;color:#ffd0da;border-color:#ff205655}.form-card .danger:hover{background:#8b083655;color:#fff}
h1,h2,h3,strong,b{font-weight:400;color:#fff;letter-spacing:0}h2{font-size:30px;line-height:1.35;margin:12px 0 24px}h3{font-size:20px}p{font-weight:400}.eyebrow{font-size:12px;font-weight:400;letter-spacing:1px;color:#a4b3c9}.heading-icon{color:#f0b100;font-size:23px}
.ocean-hero{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;text-align:center;min-height:690px;min-height:calc(100svh - 76px);padding:135px 0 120px;overflow:hidden;gap:0}.ocean-hero>div{max-width:none;animation:none}.hero-coordinate{position:absolute;top:30px;left:0;right:0;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.6px;color:#8595b0}.hero-coordinate span{color:#6d839e}.sphere-stage{position:absolute;inset:30px -15% 60px;z-index:-1;display:grid;place-items:center;pointer-events:none;overflow:hidden}.ascii-sphere{color:#7da9d7;opacity:.23;font:9px/10px monospace;letter-spacing:1.7px;margin:0;white-space:pre;user-select:none;mask-image:radial-gradient(ellipse,#000 30%,transparent 73%)}.sphere-halo{position:absolute;width:75%;aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse,#18487317,transparent 68%);box-shadow:0 0 100px #14395d0a;z-index:-1}.hero-copy{position:relative;width:100%}.hero-copy .eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;color:#cad5e2}.status-dot{height:5px;width:5px;background:#00bc7d;border-radius:50%;box-shadow:0 0 12px #00bc7d88}.hero h1{font-size:clamp(35px,5.4vw,61px);line-height:1.18;letter-spacing:-2px;margin:30px 0 24px;text-shadow:0 2px 24px #06051d}.hero h1 span{color:#cad5e2}.hero .intro{font-size:14px;line-height:1.9;max-width:580px;margin:0 auto;color:#aebed3}.hero .actions{justify-content:center;margin-top:36px;gap:12px}.hero-bottom{position:absolute;bottom:27px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;color:#92a3bd;letter-spacing:.8px}.hero-bottom button{font-size:10px;padding:7px 12px;letter-spacing:0}.scroll-cue{font-size:10px}.strip{font-size:10px;padding:24px 0;border-color:var(--line);color:#8fa6c5;gap:12px}.section{padding:64px 0}.section-head{gap:36px;align-items:start;margin-bottom:32px}.section-head>div{flex:1}.section-head p{font-size:14px;max-width:350px;margin:24px 0 0}.grid{gap:24px}.card{background:#0f1c3666;border:1px solid var(--line);padding:28px;border-radius:8px;box-shadow:none}.section .grid .card{background:transparent;border:0;border-top:1px solid var(--line);padding:28px 0}.card .number{font-family:inherit;font-size:10px;color:#93a9c8}.card h3{font-size:17px;margin:18px 0 14px;line-height:1.5}.card p{font-size:14px}.topic-icon{border:0;background:transparent;width:32px;height:32px;border-radius:0;color:#7f9fd0;margin-bottom:24px}.topic-icon svg{width:28px;height:28px}.ocean-film{margin:0 0 64px}.film-visual{height:330px;background:radial-gradient(ellipse,#18315877,transparent 65%),#06051d;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:8px}.ambient-video{width:100%;height:100%;object-fit:cover;opacity:.8;display:block}.film-index{position:absolute;top:22px;left:24px;font-size:10px;letter-spacing:1px;color:#cad5e2}.film-caption{display:flex;justify-content:space-between;gap:32px;align-items:center;padding-top:16px}.film-caption h2{font-size:24px}.film-caption p{font-size:12px;color:var(--muted)}.private-banner{background:transparent;color:var(--text);box-shadow:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:36px 0;margin-bottom:64px;display:block}.private-banner .small{font-size:10px;color:#00bc7d;letter-spacing:1px}.private-banner h2{font-size:25px;margin:15px 0}.private-banner p{font-size:14px;color:var(--muted);max-width:640px}.private-banner .button{background:#004f3b33;color:#64e5bb;border-color:#ffffff26;margin-top:24px}.footer-row{font-size:10px;gap:12px}footer{border-color:var(--line);padding:24px 0;font-size:12px}
.page{min-height:75vh;padding:64px 0}.page h1{font-size:34px;font-weight:400;letter-spacing:-1px;line-height:1.25}.form-card h1{font-size:30px}.form-card{max-width:520px}.admin-grid{grid-template-columns:1fr}.page .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.file-grid{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.file-card{padding:0}.file-preview,.file-placeholder{background:#0f1c36}.file-placeholder span{font-weight:400;color:#cad5e2;border-color:#314062}.file-body{padding:22px}.file-body .button{font-size:12px}.section-link:hover{transform:translateY(-3px);box-shadow:none}.file-count{background:#1d293d66;border-color:var(--line);font-size:12px}.upload-box{background:#0f1c3666;border-color:#63b3ed66}.upload-symbol{background:#1d293d;color:#cad5e2;border-radius:8px}.upload-title h2{font-size:22px}.notes-editor summary{font-weight:400}input:not([type=checkbox]),textarea,select{background:#06051d;border:1px solid #536586;border-radius:8px;color:#cad5e2}input[type=file]{background:#06051d}input::file-selector-button{background:#1d293d;color:#cad5e2;border-radius:8px}label{color:#cad5e2}.notice{border-color:#63b3ed66;border-radius:8px;background:#0f1c36}.notice.error{border-color:#ff759966;color:#ffd0da}.contact-message h2{font-size:23px}.contact-message p{overflow-wrap:anywhere}.contact-message summary{color:#63b3ed}.contact-body{font-size:15px}.skip-link{position:fixed;top:8px;left:16px;z-index:100;background:#1d293d;padding:12px 20px;transform:translateY(-200%);border:1px solid #63b3ed;border-radius:8px}.skip-link:focus{transform:none}[hidden]{display:none!important}.motion-paused *{animation-play-state:paused!important}
@media(min-width:1500px){.ocean-hero{min-height:780px}}
@media(max-width:850px){header .wrap{width:calc(100% - 40px)}.nav{gap:14px;min-height:76px}.nav nav{gap:16px;margin-left:auto;width:auto}.section-head{display:block}.section-head p{max-width:100%;margin:0 0 24px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{grid-template-columns:none;gap:0}.hero>div{max-width:none}.hero h1{font-size:clamp(35px,6vw,55px)}.hero .intro{font-size:14px}.private-banner{padding:32px 0}.film-caption{align-items:start}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}header .wrap{width:calc(100% - 32px)}.nav{padding:12px 0;gap:12px}.brand-name{font-size:12px}.brand-mark{font-size:22px}.nav nav{gap:13px;font-size:11px}.nav nav .button{font-size:11px;padding:7px 12px}.brand-logo{gap:10px}.ocean-hero{min-height:680px;padding:145px 0 130px}.hero-coordinate{top:25px;font-size:8px;letter-spacing:.6px}.hero-coordinate span{font-size:8px}.hero h1{font-size:36px;letter-spacing:-1.5px}.hero-copy .eyebrow{font-size:10px;letter-spacing:0}.hero .intro{font-size:12px;max-width:300px}.hero .actions{gap:10px}.hero .actions>*{flex-grow:0;font-size:11px;padding:10px 14px}.sphere-stage{inset:0 -70%}.ascii-sphere{font-size:8px;line-height:9px;opacity:.2;letter-spacing:1px}.hero-bottom{font-size:8px;flex-wrap:wrap;justify-content:center;gap:14px;bottom:30px}.hero-bottom>span{width:100%}.hero-bottom button,.scroll-cue{font-size:9px}.strip{font-size:8px;gap:8px;justify-content:space-around}.grid,.page .grid,.file-grid{grid-template-columns:1fr}.section{padding:48px 0}.section .grid{gap:8px}.section .grid .card{padding:24px 0}.topic-icon{float:left;margin:0 18px 15px 0}.card h3{clear:both}.section-head h2{font-size:27px}.section-head p,.card p{font-size:13px}.film-visual{height:230px}.film-caption{display:block}.film-caption h2{font-size:23px;margin-bottom:16px}.ocean-film{margin-bottom:48px}.private-banner h2{font-size:24px}.private-banner .button{font-size:12px}.footer-row{font-size:9px}.page{padding:36px 0}.page h1{font-size:28px}.card{padding:22px}.file-card{padding:0}.actions>*{min-width:0}.desktop-break{display:none}}
.film-visual{background:#06051d url('ocean-poster.webp') center/cover no-repeat}.film-visual::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#06051d88,transparent 30%,#06051d33)}.film-index{z-index:1}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Original SK logo proportions. */
.brand.brand-logo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:48px;line-height:1;letter-spacing:normal}.brand.brand-logo img{display:block;width:174px;height:auto;max-width:100%;object-fit:contain}.brand.brand-logo:focus-visible{outline:2px solid #70caff;outline-offset:6px;border-radius:4px}@media(max-width:600px){.brand.brand-logo img{width:150px}.brand.brand-logo{min-height:50px}}

/* Restore original button appearance; preserve navy login background. */
.button,button,.button.explore,.button.access{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;background:#70caff;color:#052247;border:1px solid #70caff;border-radius:6px;font-weight:650;cursor:pointer}
.button:hover,button:hover,.button.explore:hover,.button.access:hover{background:#b9e8ff;color:#052247;border-color:#70caff}
.button.outline,button.outline{background:transparent;color:#f1f7ff;border-color:#284971}
.button.outline:hover,button.outline:hover{background:#b9e8ff;color:#052247}
.button.access{background:transparent;color:#f1f7ff;border-color:#284971}
.private-banner .button{background:#073368;color:#fff;border-color:#073368}
.private-banner .button:hover{background:#b9e8ff;color:#052247}
nav a[href*='login'],nav a[href*='login']:hover{background:var(--bg);color:#f1f7ff;border-color:#284971}
button.danger,.button.danger{background:#ffc4b9;border-color:#ffc4b9;color:#491508}
button.danger:hover,.button.danger:hover,.form-card .danger:hover{background:#ffded7;color:#491508}
.logout button{font-size:14px;padding:8px 12px}
@media(max-width:600px){nav .button{padding:8px 12px}}