@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Cinzel+Decorative:wght@400;700;900&family=Crimson+Pro:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Share+Tech+Mono&display=swap');
:root{--gold:#c9a84c;--gold-light:#f0d080;--gold-dim:rgba(201,168,76,0.25);--gold-glow:rgba(201,168,76,0.12);--deep:#01050e;--text:rgba(232,224,208,0.9);--text-dim:rgba(232,224,208,0.55);--text-faint:rgba(232,224,208,0.3);--green:#53d22d;--blue:#88ccff;}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--deep);color:var(--text);font-family:'Crimson Pro',Georgia,serif;overflow-x:hidden;cursor:none;line-height:1.7;padding-top:88px;}
#ark-nav{position:fixed;top:28px;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.8rem 2rem;background:rgba(1,5,14,0.88);border-bottom:1px solid var(--gold-dim);backdrop-filter:blur(16px);}
.nav-brand{font-family:'Cinzel Decorative',serif;font-size:0.95rem;color:var(--gold-light);letter-spacing:0.3em;cursor:pointer;text-shadow:0 0 20px rgba(201,168,76,0.5);transition:text-shadow 0.3s;flex-shrink:0;}
.nav-links{display:flex;gap:0.1rem;flex-wrap:nowrap;justify-content:flex-end;}
.nav-link{display:flex;flex-direction:column;align-items:center;padding:0.3rem 0.7rem;text-decoration:none;border:1px solid transparent;transition:all 0.3s;position:relative;}
.nav-link:hover,.nav-link.active{border-color:var(--gold-dim);background:var(--gold-glow);}
.nav-link.active::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--gold);}
.nav-num{font-family:'Cinzel',serif;font-size:0.55rem;color:var(--gold);opacity:0.6;letter-spacing:0.1em;}
.nav-name{font-family:'Share Tech Mono',monospace;font-size:0.45rem;letter-spacing:0.08em;color:var(--text-dim);text-transform:uppercase;}
.nav-link:hover .nav-name,.nav-link.active .nav-name{color:var(--gold);opacity:1;}
.reveal{opacity:0;transform:translateY(40px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1),transform 0.9s cubic-bezier(0.16,1,0.3,1);}
.reveal.revealed{opacity:1;transform:translateY(0);}
.reveal-left{opacity:0;transform:translateX(-60px);transition:opacity 0.9s ease,transform 0.9s ease;}
.reveal-left.revealed{opacity:1;transform:translateX(0);}
.reveal-right{opacity:0;transform:translateX(60px);transition:opacity 0.9s ease,transform 0.9s ease;}
.reveal-right.revealed{opacity:1;transform:translateX(0);}
.reveal-scale{opacity:0;transform:scale(0.85);transition:opacity 0.9s ease,transform 0.9s ease;}
.reveal-scale.revealed{opacity:1;transform:scale(1);}
.delay-1{transition-delay:0.1s!important;}.delay-2{transition-delay:0.2s!important;}.delay-3{transition-delay:0.3s!important;}.delay-4{transition-delay:0.4s!important;}.delay-5{transition-delay:0.5s!important;}
.cin-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,var(--gold-dim) 20%,var(--gold) 50%,var(--gold-dim) 80%,transparent 100%);position:relative;}
.cin-divider::before{content:'⬡';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--gold);font-size:0.8rem;background:var(--deep);padding:0 0.5rem;}
.s-label{font-family:'Share Tech Mono',monospace;font-size:0.6rem;letter-spacing:0.6em;color:var(--gold);opacity:0.5;text-transform:uppercase;display:block;margin-bottom:0.8rem;}
.s-title{font-family:'Cinzel Decorative',serif;font-size:clamp(1.8rem,5vw,3.5rem);font-weight:700;color:var(--gold-light);line-height:1.15;text-shadow:0 0 60px rgba(201,168,76,0.35);margin-bottom:1.5rem;}
.s-title-cinzel{font-family:'Cinzel',serif;font-size:clamp(1.4rem,3.5vw,2.5rem);font-weight:700;color:var(--gold-light);letter-spacing:0.08em;text-shadow:0 0 40px rgba(201,168,76,0.3);margin-bottom:1.5rem;}
.s-body{font-family:'Crimson Pro',serif;font-size:clamp(1rem,1.8vw,1.25rem);line-height:2;color:var(--text-dim);}
.s-body strong{color:var(--gold-light);font-weight:600;}.s-body em{color:var(--blue);font-style:italic;}
.ark-btn{display:inline-block;font-family:'Cinzel',serif;font-size:0.82rem;letter-spacing:0.4em;color:var(--deep);background:linear-gradient(135deg,#b8943c 0%,var(--gold-light) 40%,var(--gold) 70%,#b8943c 100%);border:none;padding:1rem 2.5rem;cursor:pointer;position:relative;overflow:hidden;text-decoration:none;text-transform:uppercase;transition:transform 0.3s,box-shadow 0.3s;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));}
.ark-btn:hover{transform:scale(1.04);box-shadow:0 0 50px rgba(201,168,76,0.45),0 10px 30px rgba(0,0,0,0.5);}
.ark-btn-ghost{display:inline-block;font-family:'Cinzel',serif;font-size:0.78rem;letter-spacing:0.3em;color:var(--gold);background:transparent;border:1px solid var(--gold-dim);padding:0.9rem 2rem;cursor:pointer;text-decoration:none;text-transform:uppercase;transition:all 0.3s;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));}
.ark-btn-ghost:hover{background:var(--gold-glow);border-color:var(--gold);color:var(--gold-light);}
.ark-footer{text-align:center;padding:3rem 2rem;border-top:1px solid var(--gold-dim);font-family:'Share Tech Mono',monospace;font-size:0.58rem;letter-spacing:0.3em;color:rgba(201,168,76,0.35);line-height:2.8;}
.page-transition{position:fixed;inset:0;background:var(--deep);z-index:9998;pointer-events:none;opacity:0;transition:opacity 0.4s;}
.page-transition.active{opacity:1;pointer-events:all;}
.ark-input{width:100%;background:rgba(201,168,76,0.03);border:1px solid var(--gold-dim);color:var(--text);padding:0.9rem 1rem;font-family:'Crimson Pro',serif;font-size:1.05rem;outline:none;transition:all 0.3s;}
.ark-input:focus{border-color:var(--gold);background:rgba(201,168,76,0.06);}
.ark-input::placeholder{color:var(--text-faint);}
.ark-label{font-family:'Share Tech Mono',monospace;font-size:0.6rem;letter-spacing:0.3em;color:var(--gold);opacity:0.6;display:block;margin-bottom:0.4rem;}
.ark-select{width:100%;background:rgba(201,168,76,0.03);border:1px solid var(--gold-dim);color:var(--text);padding:0.9rem 1rem;font-family:'Crimson Pro',serif;font-size:1rem;outline:none;transition:all 0.3s;appearance:none;cursor:pointer;}
.ark-select:focus{border-color:var(--gold);background:rgba(201,168,76,0.06);}
.ark-select option{background:#020a14;color:var(--text);}
@media(max-width:768px){#ark-nav{padding:0.6rem 1rem;}.nav-name{display:none;}}