:root{--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","Roboto","Oxygen","Ubuntu",sans-serif;--font-mono:"SF Mono","Fira Code","Monaco","Consolas",monospace;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-size-4xl:3.5rem;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.05em;--letter-spacing-wider:0.1em;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-elevated:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-muted:#94a3b8;--accent-cyan:#06b6d4;--accent-cyan-glow:#06b6d426;--accent-purple:#8b5cf6;--accent-purple-glow:#8b5cf626;--accent-silver:#94a3b8;--accent-warm:#f59e0b;--accent-warm-glow:#f59e0b26;--accent-primary:#06b6d4;--accent-primary-hover:#0891b2;--accent-color:#06b6d4;--accent-color-hover:#0891b2;--success-color:#10b981;--border-color:#e2e8f0;--border-subtle:#0000000f;--card-bg:#fff;--card-border:#e2e8f0;--glass-bg:#fffc;--glass-border:#ffffff4d;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--radius-sm:0.375rem;--radius-md:0.625rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000a,0 1px 3px #0000000f;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000a;--shadow-glow-cyan:0 0 30px #06b6d426;--shadow-glow-purple:0 0 30px #8b5cf626;--backdrop-blur:blur(12px);--backdrop-blur-sm:blur(6px);--backdrop-blur-lg:blur(20px);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:400ms cubic-bezier(0.4,0,0.2,1);--container-max-width:1100px;--header-height:64px}[data-theme=dark]{--bg-primary:#0a0e17;--bg-secondary:#0f1420;--bg-tertiary:#151c2c;--bg-elevated:#1a2235;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-muted:#64748b;--accent-cyan:#22d3ee;--accent-cyan-glow:#22d3ee33;--accent-purple:#a78bfa;--accent-purple-glow:#a78bfa33;--accent-silver:#cbd5e1;--accent-warm:#fbbf24;--accent-warm-glow:#fbbf2433;--accent-primary:#22d3ee;--accent-primary-hover:#67e8f9;--accent-color:#22d3ee;--accent-color-hover:#67e8f9;--success-color:#34d399;--border-color:#ffffff14;--border-subtle:#ffffff0a;--card-bg:#0f172a99;--card-border:#ffffff14;--glass-bg:#0f1420d9;--glass-border:#ffffff1a;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 6px #00000080;--shadow-lg:0 10px 20px #0009;--shadow-xl:0 25px 50px #000000b3;--shadow-glow-cyan:0 0 40px #22d3ee40,0 0 80px #22d3ee1a;--shadow-glow-purple:0 0 40px #a78bfa40,0 0 80px #a78bfa1a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary:#0a0e17;--bg-secondary:#0f1420;--bg-tertiary:#151c2c;--bg-elevated:#1a2235;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-muted:#64748b;--accent-cyan:#22d3ee;--accent-cyan-glow:#22d3ee33;--accent-purple:#a78bfa;--accent-purple-glow:#a78bfa33;--accent-silver:#cbd5e1;--accent-warm:#fbbf24;--accent-warm-glow:#fbbf2433;--accent-primary:#22d3ee;--accent-primary-hover:#67e8f9;--accent-color:#22d3ee;--accent-color-hover:#67e8f9;--border-color:#ffffff14;--border-subtle:#ffffff0a;--card-bg:#0f172a99;--card-border:#ffffff14;--glass-bg:#0f1420d9;--glass-border:#ffffff1a;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 6px #00000080;--shadow-lg:0 10px 20px #0009;--shadow-xl:0 25px 50px #000000b3;--shadow-glow-cyan:0 0 40px #22d3ee40;--shadow-glow-purple:0 0 40px #a78bfa40}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;background:var(--bg-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-family:var(--font-sans);line-height:1.6;min-height:100vh;transition:background-color .4s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-slow),color var(--transition-base)}body,h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;font-weight:var(--font-weight-semibold);letter-spacing:-.025em;letter-spacing:var(--letter-spacing-tight);line-height:1.25}h1{font-size:3.5rem;font-size:var(--font-size-4xl);font-weight:700;font-weight:var(--font-weight-bold)}h2{font-size:2.5rem;font-size:var(--font-size-3xl)}h3{font-size:2rem;font-size:var(--font-size-2xl)}h4{font-size:1.5rem;font-size:var(--font-size-xl)}h5{font-size:1.25rem;font-size:var(--font-size-lg)}h6{font-size:1.125rem;font-size:var(--font-size-md)}p{color:#475569;color:var(--text-secondary);line-height:1.7}a{color:#06b6d4;color:var(--accent-cyan);text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}a:hover{color:#0891b2;color:var(--accent-primary-hover)}ol,ul{list-style:none}img{display:block;height:auto;max-width:100%}button{cursor:pointer;font-family:inherit}::selection{background:#06b6d426;background:var(--accent-cyan-glow);color:#0f172a;color:var(--text-primary)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#fff;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--text-muted)}.container{margin:0 auto;max-width:1100px;max-width:var(--container-max-width);padding:0 1.5rem;padding:0 var(--spacing-lg)}.loading-container{align-items:center;background:#f8fafc;background:var(--bg-primary);display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md);justify-content:center;min-height:100vh}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #e2e8f0;border-top-color:#06b6d4;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-cyan);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.loading-container p{color:#475569;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);letter-spacing:.05em;letter-spacing:var(--letter-spacing-wide)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.theme-toggle{backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);box-shadow:var(--shadow-md);cursor:pointer;padding:0;position:fixed;right:180px;top:var(--spacing-lg);transition:all var(--transition-base);z-index:200}.theme-toggle:hover{border-color:var(--accent-cyan);box-shadow:var(--shadow-glow-cyan);transform:scale(1.05)}.theme-toggle:focus{box-shadow:0 0 0 2px var(--accent-cyan-glow);outline:none}.theme-toggle:active{transform:scale(.95)}.theme-toggle-track{background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border-radius:14px;height:28px;overflow:hidden;position:relative;transition:all var(--transition-base);width:56px}[data-theme=dark] .theme-toggle-track{background:linear-gradient(135deg,#22d3ee1a,#8b5cf61a)}.theme-toggle-thumb{align-items:center;background:linear-gradient(135deg,var(--accent-warm),#f59e0b);border-radius:50%;box-shadow:0 0 10px var(--accent-warm-glow);display:flex;height:24px;justify-content:center;left:2px;position:absolute;top:2px;transition:all var(--transition-base);width:24px}[data-theme=dark] .theme-toggle-thumb{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));box-shadow:var(--shadow-glow-cyan);transform:translateX(28px)}.theme-toggle-icon{align-items:center;color:#fff;display:flex;font-size:14px;justify-content:center;transition:all var(--transition-base)}[data-theme=dark] .theme-toggle-icon{color:#fff}@media (max-width:768px){.theme-toggle{right:var(--spacing-md);top:calc(var(--spacing-md) + 50px)}.theme-toggle-track{border-radius:12px;height:24px;width:48px}.theme-toggle-thumb{height:20px;width:20px}[data-theme=dark] .theme-toggle-thumb{transform:translateX(24px)}}@media (max-width:480px){.theme-toggle{right:var(--spacing-sm);top:calc(var(--spacing-sm) + 40px)}.theme-toggle-track{height:22px;width:44px}.theme-toggle-thumb{height:18px;width:18px}[data-theme=dark] .theme-toggle-thumb{transform:translateX(22px)}}@media (prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle-icon,.theme-toggle-thumb,.theme-toggle-track{transition:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes subtleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.8}}@keyframes orbitSlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.App{background:var(--bg-primary);min-height:100vh;overflow-x:hidden;position:relative}.App:before{background:radial-gradient(1px 1px at 20% 30%,#ffffff26 1px,#0000 1px),radial-gradient(1px 1px at 40% 70%,#ffffff1a 1px,#0000 1px),radial-gradient(1px 1px at 50% 20%,#ffffff1f 1px,#0000 1px),radial-gradient(1px 1px at 70% 60%,#ffffff14 1px,#0000 1px),radial-gradient(1px 1px at 90% 40%,#ffffff1a 1px,#0000 1px),radial-gradient(1.5px 1.5px at 10% 80%,#ffffff26 1px,#0000 1px),radial-gradient(1.5px 1.5px at 80% 90%,#ffffff1f 1px,#0000 1px),radial-gradient(ellipse 80% 50% at 20% 40%,var(--accent-purple-glow),#0000 50%),radial-gradient(ellipse 60% 40% at 80% 60%,var(--accent-cyan-glow),#0000 50%);background-size:250px 250px,300px 300px,200px 200px,350px 350px,280px 280px,320px 320px,270px 270px,100% 100%,100% 100%;content:"";height:100%;left:0;opacity:.6;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}[data-theme=dark] .App:before{background:radial-gradient(1px 1px at 20% 30%,#fff6 1px,#0000 0),radial-gradient(1px 1px at 40% 70%,#ffffff40 1px,#0000 0),radial-gradient(1px 1px at 50% 20%,#ffffff4d 1px,#0000 0),radial-gradient(1.5px 1.5px at 70% 60%,#fff3 1px,#0000 0),radial-gradient(1.5px 1.5px at 90% 40%,#ffffff59 1px,#0000 0),radial-gradient(2px 2px at 10% 80%,#ffffff73 1px,#0000 0),radial-gradient(1px 1px at 85% 15%,#ffffff4d 1px,#0000 0),radial-gradient(1px 1px at 60% 85%,#ffffff40 1px,#0000 0),radial-gradient(ellipse 80% 50% at 15% 30%,#8b5cf61f,#0000 50%),radial-gradient(ellipse 60% 40% at 85% 70%,#22d3ee1a,#0000 50%),radial-gradient(ellipse 70% 60% at 50% 100%,#8b5cf614,#0000 40%);background-size:250px 250px,300px 300px,200px 200px,350px 350px,280px 280px,320px 320px,150px 150px,400px 400px,100% 100%,100% 100%,100% 100%;opacity:1}main{position:relative;z-index:1}.app-header{backdrop-filter:var(--backdrop-blur-lg);-webkit-backdrop-filter:var(--backdrop-blur-lg);background:var(--glass-bg);border-bottom:1px solid var(--glass-border);left:0;padding:var(--spacing-md) 0;position:fixed;right:0;top:0;transition:all var(--transition-base);z-index:100}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:var(--container-max-width);padding:0 var(--spacing-lg)}.header-logo{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.header-actions{align-items:center;display:flex;gap:var(--spacing-md)}.hero{flex-direction:column;min-height:85vh;padding:calc(var(--header-height) + var(--spacing-4xl)) var(--spacing-lg) var(--spacing-4xl);position:relative;text-align:center}.hero,.hero-main-content{align-items:center;display:flex;justify-content:center}.hero-main-content{flex-wrap:wrap;gap:var(--spacing-xl)}.hero:before{animation:orbitSlow 120s linear infinite;border:1px solid var(--border-subtle);border-radius:50%;height:500px;opacity:.3;width:500px}.hero:after,.hero:before{content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.hero:after{animation:orbitSlow 80s linear infinite reverse;border:1px dashed var(--border-subtle);border-radius:50%;height:350px;opacity:.2;width:350px}.hero-container{animation:fadeInUp 1s ease-out;margin:0 auto;max-width:750px;position:relative;z-index:2}.profile-container{margin-bottom:var(--spacing-lg)}.profile-picture{animation:subtleFloat 5s ease-in-out infinite;border:3px solid var(--bg-secondary);border-radius:50%;box-shadow:var(--shadow-xl),0 0 0 1px var(--border-color),var(--shadow-glow-cyan);height:150px;margin:0 auto var(--spacing-md) auto;object-fit:cover;transition:transform var(--transition-base),box-shadow var(--transition-base);width:150px}.profile-picture:hover{box-shadow:var(--shadow-xl),0 0 0 1px var(--accent-cyan),var(--shadow-glow-cyan),var(--shadow-glow-purple);transform:scale(1.05)}.hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--accent-cyan) 50%,var(--accent-purple) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);line-height:1.1;margin-bottom:var(--spacing-lg)}.marquee-container{margin:var(--spacing-2xl) 0 var(--spacing-xl) 0;overflow:hidden;padding:var(--spacing-lg) 0}.marquee-content{color:var(--text-secondary);display:inline-block;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);white-space:nowrap}.marquee-link{color:var(--accent-cyan);text-decoration:none;transition:color var(--transition-fast)}.marquee-link:hover{color:var(--accent-purple)}.hero-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin:var(--spacing-xl) 0}.about-button,.articles-button,.hero-buttons a,.poems-button{align-items:center;-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);background:var(--glass-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);justify-content:center;letter-spacing:var(--letter-spacing-wide);padding:var(--spacing-sm) var(--spacing-xl);text-decoration:none;transition:all var(--transition-base)}.about-button:hover,.articles-button:hover,.hero-buttons a:hover,.poems-button:hover{background:var(--bg-elevated);border-color:var(--accent-cyan);box-shadow:var(--shadow-md),var(--shadow-glow-cyan);color:var(--accent-cyan);transform:translateY(-3px)}.contact-info{-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);margin-left:auto;margin-right:auto;margin-top:var(--spacing-2xl);max-width:550px;padding:var(--spacing-lg) 7px}.contact-info p{color:var(--text-secondary);line-height:1.6;margin:var(--spacing-xs) 0}.contact-info strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.contact-info a{color:var(--accent-cyan);text-decoration:none;transition:color var(--transition-fast)}.contact-info a:hover{color:var(--accent-purple);text-decoration:underline}.section-subtitle{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-xl)}.hero-description{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:1.8;margin-bottom:var(--spacing-2xl);margin-left:auto;margin-right:auto;max-width:600px}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.btn,.hero-actions{justify-content:center}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);letter-spacing:var(--letter-spacing-wide);overflow:hidden;padding:var(--spacing-sm) var(--spacing-xl);position:relative;text-decoration:none;transition:all var(--transition-base)}.btn-primary{background:linear-gradient(135deg,var(--accent-cyan) 0,var(--accent-purple) 100%);border:none;color:#fff}.btn-primary:hover{box-shadow:var(--shadow-glow-cyan),var(--shadow-lg);transform:translateY(-3px)}.btn-secondary{-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);background:var(--glass-bg);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--accent-cyan);box-shadow:var(--shadow-md);transform:translateY(-3px)}.cv-dropdown-container{position:fixed;right:var(--spacing-lg);top:var(--spacing-lg);z-index:200}.cv-dropdown-button{align-items:center;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-base)}.cv-dropdown-button:hover{background:var(--bg-elevated);border-color:var(--accent-cyan);box-shadow:var(--shadow-glow-cyan)}.cv-dropdown-menu{animation:fadeInUp .2s ease-out;-webkit-backdrop-filter:var(--backdrop-blur-lg);backdrop-filter:var(--backdrop-blur-lg);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + var(--spacing-sm))}.cv-dropdown-item{background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:block;font-size:var(--font-size-sm);padding:var(--spacing-md) var(--spacing-lg);text-align:left;transition:all var(--transition-fast);width:100%}.cv-dropdown-item:hover{background:var(--accent-cyan-glow);color:var(--accent-cyan)}.main-content{margin:0 auto;max-width:var(--container-max-width);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-4xl);position:relative}.section{animation:fadeInUp .8s ease-out forwards;-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-3xl);opacity:0;padding:var(--spacing-2xl);position:relative;transition:all var(--transition-slow)}.section:before{background:linear-gradient(90deg,#0000,var(--accent-cyan),var(--accent-purple),#0000);border-radius:2px;content:"";height:2px;left:var(--spacing-xl);opacity:.5;position:absolute;right:var(--spacing-xl);top:0}.section:first-child{animation-delay:.1s}.section:nth-child(2){animation-delay:.2s}.section:nth-child(3){animation-delay:.3s}.section:nth-child(4){animation-delay:.4s}.section:nth-child(5){animation-delay:.5s}.section:hover{border-color:var(--accent-cyan);box-shadow:var(--shadow-xl),var(--shadow-glow-cyan);transform:translateY(-4px)}.section-title{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);gap:var(--spacing-md);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md)}.section-title:before{background:linear-gradient(180deg,var(--accent-cyan),var(--accent-purple));border-radius:2px;content:"";height:1.2em;width:4px}.domain-navigation{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.domain-nav-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:inherit;display:flex;flex-direction:column;overflow:hidden;padding:var(--spacing-xl);position:relative;text-decoration:none;transition:all var(--transition-base)}.domain-nav-card:before{border:1px solid var(--accent-cyan);border-radius:50%;content:"";height:100px;opacity:0;position:absolute;right:-50px;top:-50px;transition:all var(--transition-slow);width:100px}.domain-nav-card:after{background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple),var(--accent-warm));bottom:0;content:"";height:3px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.domain-nav-card:hover{background:var(--bg-elevated);border-color:var(--accent-cyan);box-shadow:var(--shadow-xl),var(--shadow-glow-cyan);transform:translateY(-8px)}.domain-nav-card:hover:before{opacity:.3;right:-30px;top:-30px}.domain-nav-card:hover:after{transform:scaleX(1)}.domain-icon{font-size:2.5rem;line-height:1;margin-bottom:var(--spacing-md)}.domain-nav-card h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.domain-nav-card p{color:var(--text-secondary);flex-grow:1;font-size:var(--font-size-sm);line-height:1.7;margin-bottom:var(--spacing-lg)}.nav-arrow{align-self:flex-end;color:var(--accent-cyan);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);transition:transform var(--transition-fast)}.domain-nav-card:hover .nav-arrow{color:var(--accent-purple);transform:translateX(6px)}.certificates-list,.projects-list,.section ul{display:flex;flex-direction:column;gap:var(--spacing-md)}.section li{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all var(--transition-base)}.section li:before{background:linear-gradient(180deg,var(--accent-cyan),var(--accent-purple));bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity var(--transition-fast);width:3px}.section li:hover{background:var(--bg-secondary);border-color:var(--accent-cyan);box-shadow:var(--shadow-md);transform:translateX(6px)}.section li:hover:before{opacity:1}.section li strong{color:var(--text-primary);display:block;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.section li p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin:var(--spacing-sm) 0}.project-link{color:var(--accent-cyan);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all var(--transition-fast)}.project-link:hover{color:var(--accent-purple)}.project-badge{background:var(--accent-cyan-glow);border:1px solid #0000;border-radius:var(--radius-full);color:var(--accent-cyan);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);margin:4px 4px 4px 0;padding:4px 12px;transition:all var(--transition-fast)}.project-badge:hover{background:var(--accent-cyan);border-color:var(--accent-cyan);color:var(--bg-primary)}.filter-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.filter-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.filter-btn:hover{background:var(--accent-cyan-glow);border-color:var(--accent-cyan);color:var(--accent-cyan)}.filter-btn.active{background:linear-gradient(135deg,var(--accent-cyan) 0,var(--accent-purple) 100%);border-color:#0000;box-shadow:var(--shadow-glow-cyan);color:#fff}.app-footer,.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:var(--spacing-4xl);padding:var(--spacing-3xl) var(--spacing-lg);position:relative;text-align:center}.app-footer:before{background:linear-gradient(90deg,#0000,var(--accent-cyan),var(--accent-purple),#0000);content:"";height:1px;left:20%;position:absolute;right:20%;top:0}.footer-content{margin:0 auto;max-width:var(--container-max-width)}.footer-links{display:flex;flex-wrap:wrap;gap:var(--spacing-xl);justify-content:center;margin-bottom:var(--spacing-lg)}.footer-link{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);position:relative;text-decoration:none;transition:color var(--transition-fast)}.footer-link:after{background:var(--accent-cyan);bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width var(--transition-fast);width:0}.footer-link:hover{color:var(--accent-cyan)}.footer-link:hover:after{width:100%}.copyright{color:var(--text-muted);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide)}@media (max-width:768px){.hero{min-height:auto;padding:calc(var(--header-height) + var(--spacing-xl)) var(--spacing-md) var(--spacing-xl)}.hero:after,.hero:before{display:none}.profile-picture{height:100px;width:100px}.hero h1,.profile-picture{margin-bottom:var(--spacing-md)}.hero h1{font-size:clamp(1.75rem,7vw,2.25rem)}.hero-description{font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.hero-actions,.hero-buttons{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:0 auto var(--spacing-lg);max-width:300px;width:100%}.hero-actions .btn,.hero-buttons a{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);width:100%}.contact-info{font-size:var(--font-size-xs);padding:var(--spacing-md)}.contact-info p{margin-bottom:var(--spacing-xs);word-break:break-word}.contact-info strong{display:block;margin-bottom:2px}.marquee-container{font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.main-content{padding:var(--spacing-lg) var(--spacing-md)}.section{border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.section:before{left:var(--spacing-md);right:var(--spacing-md)}.section-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.section-title:before{width:3px}.section-subtitle{font-size:var(--font-size-sm)}.domain-navigation{gap:var(--spacing-md);grid-template-columns:1fr}.domain-nav-card{padding:var(--spacing-lg)}.domain-icon{font-size:2rem}.domain-nav-card h3{font-size:var(--font-size-md)}.cv-dropdown-container{left:auto;position:fixed;right:var(--spacing-md);top:var(--spacing-md);z-index:200}.cv-dropdown-button{font-size:var(--font-size-xs);min-width:auto;padding:var(--spacing-xs) var(--spacing-md)}.cv-dropdown-menu{left:auto;min-width:160px;right:0}.section li,.section ul{padding:var(--spacing-md)}.section li,.section li strong,.section ul{font-size:var(--font-size-sm)}.project-badge{font-size:.65rem;padding:3px 8px}.filter-buttons{gap:var(--spacing-xs);justify-content:center}.filter-btn{font-size:.75rem;padding:6px 12px}.app-footer,.footer{padding:var(--spacing-xl) var(--spacing-md)}.footer-links{flex-direction:column;gap:var(--spacing-sm)}.copyright{font-size:.7rem}}@media (max-width:480px){.hero{padding:calc(var(--header-height) + var(--spacing-lg)) var(--spacing-sm) var(--spacing-lg)}.hero h1{font-size:1.5rem}.profile-picture{height:80px;width:80px}.contact-info{font-size:.7rem;padding:var(--spacing-sm)}.section{margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.section-title{font-size:var(--font-size-md)}.domain-nav-card{padding:var(--spacing-md)}.cv-dropdown-container{position:fixed;right:var(--spacing-sm);top:var(--spacing-sm)}.cv-dropdown-button{font-size:.7rem;padding:6px 10px}.filter-buttons{justify-content:flex-start}.btn,.filter-btn,.project-badge{min-height:44px}.hero-buttons a{align-items:center;display:flex;justify-content:center;min-height:48px}}.message-overlay{align-items:center;animation:fadeInUp .2s ease-out;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.message-content{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl),var(--shadow-glow-cyan);color:var(--text-primary);font-size:var(--font-size-md);max-width:400px;padding:var(--spacing-xl);text-align:center}.message-toast{animation:fadeInUp .3s ease-out;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);bottom:var(--spacing-xl);box-shadow:var(--shadow-xl);color:var(--text-primary);font-size:var(--font-size-sm);left:50%;padding:var(--spacing-md) var(--spacing-xl);position:fixed;transform:translateX(-50%);z-index:1000}
/*# sourceMappingURL=main.5388b04c.css.map*/