*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#dbe5ed;--primary:#b48328;--primary-hover:#9a6b1f;--secondary:#334155;--tertiary:#0284c7;--surface:#dbe5ed;--surface-panel:#ffffffd9;--surface-panel-hover:#fffffff2;--surface-card:#ffffffe6;--surface-code:#f1f5f9f2;--rpg-glow-rgb:180, 131, 40;--border:rgba(var(--rpg-glow-rgb), .45);--border-dim:rgba(var(--rpg-glow-rgb), .22);--text:#0f172a;--text-muted:#475569;--text-light:#fff;--rpg-card-bg:#ffffffe6;--rpg-panel-bg:#f8fafcf2;--rpg-card-border:rgba(var(--rpg-glow-rgb), .65);--rpg-gold-text:#b48328;--rpg-cyan-text:#0284c7;--rpg-text-main:#0f172a;--rpg-text-sub:#334155;--rpg-hud-border:1.5px solid rgba(var(--rpg-glow-rgb), .55);--rpg-hud-shadow:0 10px 30px rgba(var(--rpg-glow-rgb), .12);--rpg-clip-box:polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));--shadow-panel:0 12px 40px #1f268714;--shadow-card:0 8px 30px #0000000f;--sky-glow:0 10px 40px #bbdefb66;--serif:"Cinzel", Georgia, serif;--sans:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--mono:"JetBrains Mono", monospace;--font-fantasy:"Cinzel", Georgia, serif;--font-body:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif}html.dark-mode{--bg:#090f1d;--primary:#facc15;--primary-hover:#ca8a04;--secondary:#cbd5e1;--tertiary:#38bdf8;--surface:#090f1d;--surface-panel:#0f172ae0;--surface-panel-hover:#1e293bf2;--surface-card:#0f172ae0;--surface-code:#0b1120f2;--rpg-glow-rgb:212, 175, 55;--border:rgba(var(--rpg-glow-rgb), .45);--border-dim:rgba(var(--rpg-glow-rgb), .22);--text:#f8fafc;--text-muted:#cbd5e1;--rpg-card-bg:#0f172ae0;--rpg-panel-bg:#0b1120f5;--rpg-card-border:rgba(var(--rpg-glow-rgb), .65);--rpg-gold-text:#facc15;--rpg-cyan-text:#38bdf8;--rpg-text-main:#f8fafc;--rpg-text-sub:#cbd5e1;--rpg-hud-border:1.5px solid rgba(var(--rpg-glow-rgb), .45);--rpg-hud-shadow:0 10px 30px #000000a6;--shadow-panel:0 12px 40px #0009;--shadow-card:0 8px 30px #00000080;--sky-glow:0 10px 40px #38bdf833}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;transition:background-color .4s,color .4s;overflow-x:hidden}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;line-height:1;display:inline-block}div,section,button,a,span{transition:all .25s cubic-bezier(.16,1,.3,1)}section{z-index:2;margin-bottom:4.5rem;position:relative}.container{z-index:2;max-width:1280px;margin:0 auto;padding:0 24px;position:relative}.landscape-bg{background-color:var(--bg);z-index:-2;position:fixed;inset:0}.bg-overlay{display:none}.glass-panel{background:var(--surface-panel);-webkit-backdrop-filter:blur(16px)saturate(140%);border:1px solid var(--border);box-shadow:var(--shadow-panel)}.glass-card{background:var(--surface-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:var(--shadow-card)}.sky-glow{box-shadow:var(--sky-glow)}.btn-sky-primary{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));background:linear-gradient(135deg, var(--rpg-gold-text), var(--primary-hover));color:#090f1d;font-family:var(--sans);box-shadow:0 6px 20px rgba(var(--rpg-glow-rgb), .3);cursor:pointer;border:1px solid #fff6;justify-content:center;align-items:center;gap:10px;padding:14px 32px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.btn-sky-primary:hover{background:linear-gradient(135deg, var(--primary-hover), var(--rpg-gold-text));box-shadow:0 8px 28px rgba(var(--rpg-glow-rgb), .45);transform:translateY(-2px)}.btn-sky-secondary{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));background:var(--rpg-card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--rpg-text-main);font-family:var(--sans);border:1.5px solid var(--rpg-card-border);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:14px 32px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 15px #00000014}.btn-sky-secondary:hover{background:var(--surface-panel-hover);border-color:var(--rpg-gold-text);color:var(--rpg-gold-text);box-shadow:0 8px 25px rgba(var(--rpg-glow-rgb), .25);transform:translateY(-2px)}.font-serif{font-family:var(--serif);letter-spacing:-.02em;font-weight:700}.font-mono{font-family:var(--mono);font-weight:500}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.animate-marquee-left{width:max-content;animation:35s linear infinite marquee-left;display:flex}.animate-marquee-right{width:max-content;animation:35s linear infinite marquee-right;display:flex}.marquee-row:hover .animate-marquee-left,.marquee-row:hover .animate-marquee-right{animation-play-state:paused}.tech-icon-box{background:var(--surface-card);border:1px solid var(--border);width:58px;height:58px;color:var(--primary);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;transition:all .25s;display:flex;box-shadow:0 4px 15px #0000000d}.tech-icon-box:hover{background:var(--surface-panel-hover);color:var(--tertiary);border-color:var(--primary);transform:translateY(-4px)scale(1.08);box-shadow:0 8px 20px #355c7d33}.tech-text-box{background:var(--surface-card);border:1px solid var(--border);height:58px;font-family:var(--mono);color:var(--primary);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;padding:0 22px;font-size:14px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 15px #0000000d}.tech-text-box:hover{background:var(--surface-panel-hover);transform:translateY(-4px)scale(1.05);box-shadow:0 8px 20px #355c7d33}.theme-toggle-switch{z-index:1000;background:var(--surface-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);cursor:pointer;color:var(--primary);font-family:var(--sans);border-radius:9999px;align-items:center;gap:12px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 10px 30px #0000002e}.theme-toggle-switch:hover{border-color:var(--primary);transform:translateY(-3px)scale(1.04);box-shadow:0 14px 35px #00000040}.switch-track{background:#0f172a;border-radius:9999px;align-items:center;width:60px;height:30px;padding:3px;transition:background .4s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #0006}html:not(.dark-mode) .switch-track{background:#38bdf8;box-shadow:inset 0 2px 6px #00000026}.switch-knob{background:#cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;left:3px;box-shadow:0 2px 5px #0000004d}html.dark-mode .switch-knob{background:#cbd5e1;left:33px}html:not(.dark-mode) .switch-knob{background:#fef08a;left:3px}.floating{animation:8s ease-in-out infinite floating}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.6;transform:scaleY(.4)}to{opacity:1;transform:scaleY(1.2)}}@media (width<=768px){.container{padding:0 16px}.btn-sky-primary,.btn-sky-secondary{padding:12px 24px;font-size:14px}.theme-toggle-switch{padding:6px 14px;bottom:20px;right:20px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#64748b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}