:root { --ink:#103743; --blue:#126477; --green:#4f782b; --orange:#f36f32; --cream:#fff9ed; --white:#fffdf8; --font-sans:"DM Sans"; --font-serif:"Fraunces"; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--cream); font-family: var(--font-sans), sans-serif; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, input, textarea { font: inherit; }
.links-page { min-height:100vh; padding:34px 18px 60px; position:relative; overflow:hidden; isolation:isolate; background:linear-gradient(125deg,#f36f32 0%,#f7ad45 20%,#f3ead7 40%,#8ebd54 61%,#43863c 76%,#f3ead7 90%,#f36f32 100%); background-size:500% 500%; animation:gradient-flow 13s ease-in-out infinite; }
.links-page::after { content:""; position:fixed; inset:0; z-index:-2; pointer-events:none; background:radial-gradient(circle at 15% 12%,rgba(255,209,128,.24),transparent 28%),radial-gradient(circle at 86% 40%,rgba(18,100,119,.18),transparent 35%); }
.links-page::before { content:""; position:fixed; inset:0; z-index:-3; opacity:.32; background-image:radial-gradient(rgba(16,55,67,.34) .75px,transparent .75px); background-size:20px 20px; mask-image:linear-gradient(to bottom,black,transparent 88%); }
.links-shell { width:min(100%,680px); margin:auto; position:relative; z-index:2; }
.links-profile { text-align:center; }
.links-brand { display:inline-flex; align-items:center; gap:10px; margin-bottom:22px; font-size:14px; letter-spacing:-.03em; }
.links-brand>span,.links-footer-mark { width:39px; height:39px; border-radius:50% 50% 44% 56%; display:grid; place-items:center; color:white; background:var(--orange); font-family:var(--font-serif),serif; font-weight:800; transform:rotate(-7deg); box-shadow:0 8px 20px rgba(243,111,50,.22); }
.links-photo-stack { width:min(94%,500px); height:390px; margin:0 auto 32px; position:relative; }
.links-photo { margin:0; padding:9px 9px 30px; position:absolute; background:var(--white); box-shadow:0 18px 48px rgba(16,55,67,.2); }
.links-photo img { width:100%; height:100%; object-fit:cover; }
.links-photo-main { inset:4px 19% 14px 4%; transform:rotate(-3deg); z-index:2; }
.links-photo-main img { object-position:center 66%; }
.links-photo-small { width:39%; height:45%; right:0; bottom:9px; transform:rotate(7deg); z-index:3; }
.links-photo-small img { object-position:center 50%; }
.links-stamp { width:108px; height:108px; padding-top:27px; position:absolute; right:0; top:5px; z-index:4; border-radius:50%; color:white; background:var(--green); font-size:8px; line-height:1.35; letter-spacing:.12em; font-weight:800; transform:rotate(8deg); box-shadow:0 12px 26px rgba(35,76,29,.24); }
.links-stamp b { color:#ffe5a7; font-size:9px; }
.links-kicker { margin:0 0 13px; color:var(--orange); font-size:10px; font-weight:900; letter-spacing:.18em; }
.links-profile h1 { margin:0; font-family:var(--font-serif),serif; font-size:clamp(47px,10vw,72px); line-height:.93; letter-spacing:-.055em; text-shadow:0 2px 18px rgba(255,250,240,.5); }
.links-profile h1 em,.partnership-heading h2 em { color:var(--orange); font-weight:500; }
.links-intro { max-width:530px; margin:22px auto 31px; color:#264f54; font-size:16px; line-height:1.65; font-weight:600; text-shadow:0 1px 12px rgba(255,250,240,.6); }
.bio-links { display:grid; gap:13px; }
.bio-link { min-height:72px; padding:10px 12px; display:grid; grid-template-columns:44px 1fr 34px; gap:12px; align-items:center; border:1px solid rgba(255,255,255,.55); border-left:5px solid var(--link-color,var(--blue)); border-radius:18px; background:rgba(255,250,240,.9); box-shadow:0 8px 24px rgba(16,55,67,.13); backdrop-filter:blur(14px); transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.bio-link:hover { transform:translateY(-3px); box-shadow:0 14px 34px rgba(16,55,67,.2); background:#fffaf0; }
.bio-link-icon { width:44px; height:44px; border-radius:50%; display:grid; place-items:center; color:white; background:#fff; box-shadow:0 5px 14px rgba(16,55,67,.12); }
.platform-logo { width:24px; height:24px; display:block; object-fit:contain; }
.youtube-logo { filter:invert(16%) sepia(99%) saturate(7449%) hue-rotate(358deg) brightness(100%) contrast(113%); }
.tiktok-logo { filter:none; }
.instagram-logo,.blog-logo { filter:brightness(0) invert(1); }
.bio-link>span:nth-child(2) { min-width:0; text-align:left; }
.bio-link small { display:block; margin-bottom:4px; color:#6c8084; font-size:9px; font-weight:900; letter-spacing:.14em; }
.bio-link strong { display:block; font-family:var(--font-serif),serif; font-size:18px; line-height:1.15; }
.arrow-wrap { width:32px; height:32px; display:grid; place-items:center; border-radius:50%; color:var(--link-color,var(--orange)); background:rgba(16,55,67,.07); }
.arrow-wrap svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.bio-link-youtube { --link-color:#f36f32; min-height:80px; color:white; border:1px solid rgba(255,255,255,.3); border-left:5px solid #fff; background:linear-gradient(110deg,#f05f25,#f68532); box-shadow:0 13px 34px rgba(143,54,17,.25); }
.bio-link-youtube:hover { background:linear-gradient(110deg,#e9561e,#f47a27); }
.bio-link-youtube small { color:#ffe7d7; }
.bio-link-youtube .arrow-wrap { color:#f36f32; background:#fff; }
.bio-link-tiktok { --link-color:#103743; }
.bio-link-instagram { --link-color:#c6427d; }
.bio-link-blog { --link-color:#4f782b; }
.bio-link-tiktok .bio-link-icon { background:#fff; }
.bio-link-instagram .bio-link-icon { background:linear-gradient(145deg,#6a46c8,#c6427d,#f39a3e); }
.bio-link-blog .bio-link-icon { background:var(--green); }
.partnership-card { margin-top:32px; padding:clamp(25px,6vw,42px); border-radius:30px; color:white; background:var(--ink); box-shadow:0 22px 60px rgba(16,55,67,.22); }
.partnership-heading>span { color:#8ec3c8; font-size:9px; font-weight:900; letter-spacing:.2em; }
.partnership-heading h2 { margin:12px 0 15px; font-family:var(--font-serif),serif; font-size:clamp(38px,8vw,56px); line-height:.96; letter-spacing:-.045em; }
.partnership-heading p { margin:0 0 26px; color:#b9ced1; font-size:14px; line-height:1.65; }
.partnership-form { display:grid; gap:13px; }
.partnership-form label { display:grid; gap:7px; color:#dce8e8; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.partnership-form input,.partnership-form textarea { width:100%; padding:14px 15px; border:1px solid #486c73; border-radius:13px; outline:none; resize:vertical; color:white; background:#173f49; transition:border-color .2s,box-shadow .2s; }
.partnership-form input::placeholder,.partnership-form textarea::placeholder { color:#86a1a6; }
.partnership-form input:focus,.partnership-form textarea:focus { border-color:#ff9868; box-shadow:0 0 0 3px rgba(243,111,50,.18); }
.partnership-form button { margin-top:5px; padding:16px 20px; border:0; border-radius:999px; display:flex; align-items:center; justify-content:center; gap:24px; color:white; background:var(--orange); font-size:11px; font-weight:900; letter-spacing:.12em; cursor:pointer; box-shadow:0 11px 28px rgba(0,0,0,.18); transition:transform .2s; }
.partnership-form button .arrow-wrap { width:24px; height:24px; color:white; background:rgba(255,255,255,.16); }
.partnership-form button .arrow-wrap svg { width:15px; height:15px; }
.partnership-form button:hover { transform:translateY(-2px); }
.links-footer { padding:36px 10px 0; display:grid; justify-items:center; gap:10px; text-align:center; }
.links-footer p { margin:0; color:#526d72; font-family:var(--font-serif),serif; font-size:15px; }
.links-footer small { color:#7c8e8e; font-size:8px; font-weight:900; letter-spacing:.17em; }
.orbit { width:430px; height:430px; position:fixed; z-index:-1; border:1px solid rgba(18,100,119,.16); border-radius:50%; animation:orbit-spin 19s linear infinite; }
.orbit span { position:absolute; top:-20px; left:48%; font-size:37px; filter:drop-shadow(0 7px 8px rgba(16,55,67,.15)); }
.orbit-one { left:-230px; top:22%; }
.orbit-two { right:-260px; top:56%; width:520px; height:520px; animation-duration:25s; animation-direction:reverse; }
.floating-emoji { position:fixed; z-index:-1; font-size:26px; opacity:.72; animation:float-around 5s ease-in-out infinite; }
.emoji-one { left:8%; top:72%; animation-delay:-1s; }
.emoji-two { right:9%; top:18%; animation-delay:-2.7s; }
.emoji-three { right:12%; top:78%; animation-delay:-4s; }
@keyframes orbit-spin { to { transform:rotate(360deg); } }
@keyframes float-around { 0%,100% { transform:translateY(0) rotate(-7deg); } 50% { transform:translateY(-18px) rotate(8deg); } }
@keyframes gradient-flow { 0%,100% { background-position:0% 50%; } 50% { background-position:100% 50%; } }
@media (max-width:600px) {
  .links-page { padding:22px 13px 42px; }
  .links-brand { margin-bottom:17px; }
  .links-photo-stack { height:310px; }
  .links-photo-main { right:16%; }
  .links-photo-small { width:43%; height:43%; }
  .links-stamp { width:91px; height:91px; padding-top:21px; font-size:7px; }
  .links-stamp b { font-size:7px; }
  .links-profile h1 { font-size:49px; }
  .links-intro { font-size:14px; }
  .bio-links { gap:10px; }
  .bio-link { min-height:64px; grid-template-columns:40px 1fr 30px; gap:10px; padding:8px 9px 8px 8px; border-left-width:4px; border-radius:15px; }
  .bio-link-youtube { min-height:72px; }
  .bio-link-icon { width:40px; height:40px; }
  .platform-logo { width:22px; height:22px; }
  .bio-link small { margin-bottom:2px; font-size:7.5px; }
  .bio-link strong { font-size:14px; line-height:1.14; }
  .arrow-wrap { width:29px; height:29px; }
  .floating-emoji { opacity:.4; }
}
@media (prefers-reduced-motion:reduce) { .links-page,.orbit,.floating-emoji { animation:none; } .bio-link,.partnership-form button { transition:none; } }