@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500&family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-deep: #0a0a0b;--bg-primary: #111113;--bg-card: rgba(22, 22, 26, .92);--bg-card-hover: rgba(32, 32, 38, .95);--bg-elevated: rgba(40, 40, 48, .9);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-accent: rgba(200, 170, 110, .35);--border-glow: rgba(200, 170, 110, .6);--accent-gold: #c8aa6e;--accent-gold-light: #e8d5a3;--accent-gold-dark: #9a7d4e;--accent-warm: #d4a853;--accent-ivory: #f5eedc;--accent-rose: #c97b7b;--accent-sage: #7b9c8b;--accent-blue: #7b9cc9;--text-primary: #f0ece4;--text-secondary: #b8b4ab;--text-muted: #787470;--text-accent: var(--accent-gold);--font-serif: "Playfair Display", Georgia, "Times New Roman", serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Consolas", monospace;--font-display: "Space Grotesk", system-ui, sans-serif;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 32px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 64px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px rgba(200, 170, 110, .15);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}[data-theme=light]{--bg-deep: #f4efe6;--bg-primary: #eae3d5;--bg-card: rgba(248, 244, 236, .96);--bg-card-hover: rgba(240, 234, 222, .98);--bg-elevated: rgba(232, 224, 210, .96);--border-subtle: rgba(90, 69, 48, .15);--border-default: rgba(90, 69, 48, .25);--border-accent: rgba(154, 125, 78, .55);--border-glow: rgba(154, 125, 78, .25);--accent-gold: #9a7d4e;--accent-gold-light: #c8aa6e;--accent-gold-dark: #7c6238;--accent-warm: #d4a853;--accent-ivory: #2d1d0d;--accent-rose: #a94a4a;--accent-sage: #3a6b54;--accent-blue: #3b65a4;--text-primary: #1a120b;--text-secondary: #423425;--text-muted: #6b5a49;--text-accent: var(--accent-gold);--shadow-sm: 0 2px 8px rgba(90, 69, 48, .12);--shadow-md: 0 8px 32px rgba(90, 69, 48, .18);--shadow-lg: 0 16px 64px rgba(90, 69, 48, .25);--shadow-glow: 0 0 30px rgba(154, 125, 78, .15)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background-color:var(--bg-deep);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#c8aa6e4d;color:var(--accent-ivory)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent-gold-dark);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.app-container{width:100vw;height:100vh;position:relative;overflow:hidden}.hotspot-pin{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-accent);border-radius:100px;padding:7px 16px;color:var(--text-primary);font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.5px;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:var(--shadow-md),var(--shadow-glow);transition:all .4s var(--ease-out);white-space:nowrap;text-transform:uppercase}.hotspot-pin:hover{transform:scale(1.08) translateY(-2px);border-color:var(--accent-gold);box-shadow:var(--shadow-lg),var(--shadow-glow);background:var(--bg-card-hover)}.hotspot-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-gold);box-shadow:0 0 12px var(--accent-gold);animation:pulseGold 2s ease-in-out infinite}@keyframes pulseGold{0%,to{transform:scale(.85);opacity:.8}50%{transform:scale(1.3);opacity:1;box-shadow:0 0 16px var(--accent-gold)}}.classic-panel{background:var(--bg-card);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--border-default);box-shadow:var(--shadow-lg),var(--shadow-glow);border-radius:12px;overflow:hidden}.classic-titlebar{background:linear-gradient(90deg,#c8aa6e14,#c8aa6e08);border-bottom:1px solid var(--border-subtle);padding:12px 20px;display:flex;align-items:center;justify-content:space-between}.titlebar-dots{display:flex;gap:7px}.titlebar-dots span{width:11px;height:11px;border-radius:50%;display:inline-block;transition:transform .2s ease}.titlebar-dots span:hover{transform:scale(1.2)}.titlebar-dots .dot-close{background:#e5534b}.titlebar-dots .dot-min{background:#d4a853}.titlebar-dots .dot-max{background:#57ab5a}.titlebar-title{font-family:var(--font-sans);font-weight:600;font-size:12px;color:var(--text-secondary);letter-spacing:.5px;display:flex;align-items:center;gap:8px;text-transform:uppercase}.btn-ghost{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary);padding:8px 18px;border-radius:8px;font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:.3px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s var(--ease-out);text-decoration:none}.btn-ghost:hover{background:#c8aa6e1a;border-color:var(--accent-gold-dark);color:var(--accent-gold-light);transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--accent-gold-dark),var(--accent-gold));color:#0a0a0b;border:none;padding:10px 22px;border-radius:8px;font-family:var(--font-sans);font-size:12px;font-weight:700;letter-spacing:.5px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 20px #c8aa6e4d;transition:all .3s var(--ease-out);text-decoration:none;text-transform:uppercase}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #c8aa6e73;filter:brightness(1.1)}[data-theme=light] .btn-primary{background:linear-gradient(135deg,#c8aa6e,#e8d5a3);color:#1a120b;box-shadow:0 4px 18px #9a7d4e4d}[data-theme=light] .btn-primary:hover{background:linear-gradient(135deg,#d4b578,#f0e0b4);box-shadow:0 6px 24px #9a7d4e73}.btn-icon{width:38px;height:38px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .3s var(--ease-out)}.btn-icon:hover{background:#c8aa6e1f;border-color:var(--border-accent);color:var(--accent-gold);transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060608d1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;animation:overlayFadeIn .35s var(--ease-out)}[data-theme=light] .modal-overlay{background:#281e1473}.modal-window{animation:windowSlideIn .4s var(--ease-out)}@keyframes windowSlideIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.tag{font-size:10px;padding:3px 10px;border-radius:6px;background:#c8aa6e1f;color:var(--accent-gold);border:1px solid var(--border-accent);font-family:var(--font-mono);font-weight:500;letter-spacing:.3px}.tag-tech{font-size:10px;padding:3px 9px;border-radius:5px;background:var(--border-subtle);color:var(--text-secondary);border:1px solid var(--border-subtle);font-family:var(--font-mono);font-weight:400}.divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--border-default),transparent)}.divider-v{width:1px;height:20px;background:var(--border-default)}.skill-bar-track{width:100%;height:4px;border-radius:10px;background:var(--border-subtle);overflow:hidden}.skill-bar-fill{height:100%;border-radius:10px;background:linear-gradient(90deg,var(--accent-gold-dark),var(--accent-gold),var(--accent-gold-light));transition:width 1.2s var(--ease-out)}.floating-label{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:40;pointer-events:none}.floating-label-inner{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-accent);border-radius:100px;padding:8px 22px;font-family:var(--font-sans);font-size:11px;font-weight:500;color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;gap:8px;animation:floatPulse 3s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes floatPulse{0%,to{transform:translateY(0);opacity:.8}50%{transform:translateY(-4px);opacity:1}}.input-classic{width:100%;padding:12px 16px;border-radius:8px;background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.input-classic:focus{border-color:var(--accent-gold-dark);box-shadow:0 0 0 3px #c8aa6e1a}.input-classic::placeholder{color:var(--text-muted)}@media (max-width: 768px){.hotspot-pin{font-size:10px;padding:5px 12px}.classic-titlebar{padding:10px 14px}.titlebar-title{font-size:11px}}