:root{--color-primary: #F5C518;--color-primary-hover: #D4A700;--color-primary-light: rgba(245, 197, 24, .12);--color-bg: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-tertiary: #f0f0f0;--color-text: #0a0a0a;--color-text-secondary: #333333;--color-text-muted: #595959;--color-border: #e0e0e0;--color-border-light: #f0f0f0;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .15);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", "Inter", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--container-max: 1200px;--container-padding: 1.5rem;--header-height: 72px;--color-primary-text: var(--color-primary)}[data-theme=dark]{--color-primary: #F5C518;--color-primary-hover: #FFD642;--color-primary-light: rgba(245, 197, 24, .15);--color-bg: #0a0a0a;--color-bg-secondary: #121212;--color-bg-tertiary: #1a1a1a;--color-text: #f5f5f5;--color-text-secondary: #cccccc;--color-primary-text: var(--color-primary);--color-border: #2a2a2a;--color-border-light: #1f1f1f;--color-surface: #121212;--color-surface-elevated: #1a1a1a;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base),color var(--transition-base)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--color-text)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--spacing-4xl) 0}.section-title{font-size:var(--text-4xl);text-align:center;margin-bottom:var(--spacing-lg);position:relative}.section-title:after{content:"";display:block;width:60px;height:4px;background:var(--color-primary);margin:var(--spacing-md) auto 0;border-radius:var(--radius-full)}.section-subtitle{text-align:center;color:var(--color-text-muted);font-size:var(--text-lg);max-width:600px;margin:0 auto var(--spacing-3xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-primary);font-size:var(--text-base);font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn-primary{background:var(--color-primary);color:#0a0a0a}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline{background:transparent;color:var(--color-text);border:2px solid var(--color-border)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--color-text)}.btn-ghost:hover{background:var(--color-primary-light);color:var(--color-primary)}.card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.highlight{color:var(--color-primary-text);font-weight:600}.gradient-text{background:linear-gradient(135deg,var(--color-primary) 0%,#D4A700 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fadeIn{animation:fadeIn .6s ease forwards}.animate-slideUp{animation:slideUp .6s ease forwards}.animate-slideInLeft{animation:slideInLeft .6s ease forwards}.animate-slideInRight{animation:slideInRight .6s ease forwards}.scroll-animate{opacity:0;transform:translateY(60px);transition:all .8s cubic-bezier(.4,0,.2,1)}.scroll-animate.visible{opacity:1;transform:translateY(0)}.scroll-fade-up{opacity:0;transform:translateY(60px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.scroll-fade-up.visible{opacity:1;transform:translateY(0)}.scroll-fade-down{opacity:0;transform:translateY(-60px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.scroll-fade-down.visible{opacity:1;transform:translateY(0)}.scroll-fade-left{opacity:0;transform:translate(-60px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.scroll-fade-left.visible{opacity:1;transform:translate(0)}.scroll-fade-right{opacity:0;transform:translate(60px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.scroll-fade-right.visible{opacity:1;transform:translate(0)}.scroll-scale{opacity:0;transform:scale(.8);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.scroll-scale.visible{opacity:1;transform:scale(1)}.scroll-rotate{opacity:0;transform:rotate(-10deg) scale(.9);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.scroll-rotate.visible{opacity:1;transform:rotate(0) scale(1)}.scroll-blur{opacity:0;filter:blur(10px);transform:translateY(30px);transition:opacity .8s cubic-bezier(.4,0,.2,1),filter .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.scroll-blur.visible{opacity:1;filter:blur(0);transform:translateY(0)}.scroll-flip{opacity:0;transform:perspective(1000px) rotateX(-30deg);transform-origin:center bottom;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.scroll-flip.visible{opacity:1;transform:perspective(1000px) rotateX(0)}.scroll-slide-zoom{opacity:0;transform:translateY(80px) scale(.9);transition:opacity 1s cubic-bezier(.4,0,.2,1),transform 1s cubic-bezier(.4,0,.2,1)}.scroll-slide-zoom.visible{opacity:1;transform:translateY(0) scale(1)}.stagger-delay-1{transition-delay:.1s}.stagger-delay-2{transition-delay:.2s}.stagger-delay-3{transition-delay:.3s}.stagger-delay-4{transition-delay:.4s}.stagger-delay-5{transition-delay:.5s}.stagger-delay-6{transition-delay:.6s}.stagger-container.visible>.stagger-item{opacity:1;transform:translateY(0)}.stagger-item{opacity:0;transform:translateY(40px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.stagger-item:nth-child(1){transition-delay:0s}.stagger-item:nth-child(2){transition-delay:.1s}.stagger-item:nth-child(3){transition-delay:.2s}.stagger-item:nth-child(4){transition-delay:.3s}.stagger-item:nth-child(5){transition-delay:.4s}.stagger-item:nth-child(6){transition-delay:.5s}.stagger-item:nth-child(7){transition-delay:.6s}.stagger-item:nth-child(8){transition-delay:.7s}.stagger-item:nth-child(9){transition-delay:.8s}.stagger-item:nth-child(10){transition-delay:.9s}.section-title-animate{opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.section-title-animate.visible{opacity:1;transform:translateY(0)}.section-title-animate:after{transform:scaleX(0);transition:transform .6s cubic-bezier(.4,0,.2,1) .3s}.section-title-animate.visible:after{transform:scaleX(1)}@media(prefers-reduced-motion:reduce){.scroll-animate,.scroll-fade-up,.scroll-fade-down,.scroll-fade-left,.scroll-fade-right,.scroll-scale,.scroll-rotate,.scroll-blur,.scroll-flip,.scroll-slide-zoom,.stagger-item,.section-title-animate{opacity:1;transform:none;filter:none;transition:none}}html{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg-secondary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg-secondary)}@media(max-width:768px){:root{--text-5xl: 2.5rem;--text-4xl: 2rem;--text-3xl: 1.5rem;--spacing-4xl: 4rem;--container-padding: 1rem}.section{padding:var(--spacing-3xl) 0}}@media(max-width:480px){:root{--text-5xl: 2rem;--text-4xl: 1.75rem}}.global-notification-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.global-toast-notification{min-width:320px;max-width:420px;background:var(--color-bg-secondary);border-radius:12px;box-shadow:0 10px 40px #0000004d;border:1px solid var(--color-border);overflow:hidden;transform:translate(120%);opacity:0;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);pointer-events:auto}.global-toast-notification.show{transform:translate(0);opacity:1}.global-toast-notification .toast-content{display:flex;align-items:flex-start;gap:12px;padding:16px}.global-toast-notification .toast-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.global-toast-notification.success .toast-icon{background:#22c55e26;color:#22c55e}.global-toast-notification.error .toast-icon{background:#ef444426;color:#ef4444}.global-toast-notification.info .toast-icon{background:#3b82f626;color:#3b82f6}.global-toast-notification.warning .toast-icon{background:#f59e0b26;color:#f59e0b}.global-toast-notification .toast-message{flex:1;display:flex;flex-direction:column;gap:4px}.global-toast-notification .toast-title{font-weight:600;font-size:.95rem;color:var(--color-text)}.global-toast-notification .toast-text{font-size:.875rem;color:var(--color-text-secondary);line-height:1.4}.global-toast-notification .toast-close{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.global-toast-notification .toast-close:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.global-toast-notification .toast-progress{height:3px;background:var(--color-border);position:relative;overflow:hidden}.global-toast-notification .toast-progress:after{content:"";position:absolute;left:0;top:0;height:100%;width:100%;animation:progressShrink 5s linear forwards}.global-toast-notification.success .toast-progress:after{background:linear-gradient(90deg,#22c55e,#16a34a)}.global-toast-notification.error .toast-progress:after{background:linear-gradient(90deg,#ef4444,#dc2626)}.global-toast-notification.info .toast-progress:after{background:linear-gradient(90deg,#3b82f6,#2563eb)}.global-toast-notification.warning .toast-progress:after{background:linear-gradient(90deg,#f59e0b,#d97706)}@keyframes progressShrink{0%{width:100%}to{width:0%}}@media(max-width:480px){.global-notification-container{top:10px;right:10px;left:10px}.global-toast-notification{min-width:auto;max-width:none;width:100%}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background-color:var(--color-bg);text-align:center}.error-content{max-width:500px;padding:40px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-border)}.error-icon{font-size:4rem;color:#ef4444;margin-bottom:24px}.error-content h1{font-size:1.5rem;margin-bottom:12px;color:var(--color-text)}.error-content p{color:var(--color-text-secondary);margin-bottom:24px}.error-details{background:#0000000d;padding:12px;border-radius:8px;font-size:.8rem;color:#ef4444;margin-bottom:24px;overflow-x:auto;text-align:left}.btn-refresh{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:var(--color-primary);color:#1a1a1a;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-refresh:hover{background:var(--color-primary-hover);transform:translateY(-2px)}.header{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--header-height);background:transparent;transition:all var(--transition-base)}.header.scrolled{background:color-mix(in srgb,var(--color-surface) 85%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--color-border-light)}.header-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);height:100%;display:flex;align-items:center;justify-content:space-between}.center-logo{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#f5c518,#e6b800,#d4a700);border-radius:var(--radius-lg);text-decoration:none;box-shadow:0 4px 15px #f5c51866,0 2px 8px #00000026,inset 0 1px 2px #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.center-logo:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #f5c51880,0 4px 12px #0003,inset 0 1px 2px #fff6}.center-logo-text{font-family:var(--font-mono);font-size:1.4rem;font-weight:700;color:#1a1a1a;letter-spacing:-1px;position:relative;display:flex;align-items:center;justify-content:center}.nav{position:relative;display:flex;align-items:center}.nav-list{display:flex;align-items:center;gap:var(--spacing-xs);list-style:none;position:relative;z-index:2}.nav-indicator{position:absolute;bottom:4px;height:2px;background:var(--color-primary);border-radius:2px;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1}.nav-link{display:inline-flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);background:none;border:none;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);font-family:var(--font-primary)}.nav-link:hover{color:var(--color-text);background:var(--color-primary-light)}.nav-link.active{color:var(--color-primary)}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#f5c5181f,#f5c5180a);border:none;border-radius:var(--radius-lg);color:var(--color-primary);cursor:pointer;transition:all .3s ease}.theme-toggle:hover{transform:scale(1.08) rotate(-4deg);box-shadow:0 6px 20px #f5c51833}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;color:var(--color-text);cursor:pointer}@media(max-width:768px){.header-container{padding:0 var(--spacing-md)}.center-logo{width:40px;height:40px}.center-logo-text{font-size:1.8rem}.nav{position:fixed;top:var(--header-height);left:0;right:0;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));background:var(--color-bg);padding:var(--spacing-xl);transform:translate(100%);transition:transform var(--transition-base);overflow-y:auto;z-index:9999}.nav.active{transform:translate(0)}.nav-list{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.nav-indicator{display:none}.nav-link{padding:var(--spacing-md);font-size:var(--text-lg);width:100%;justify-content:center}.mobile-menu-toggle{display:flex}.theme-toggle{width:36px;height:36px}}@media(max-width:480px){.center-logo{width:36px;height:36px;border-radius:var(--radius-md)}.center-logo-text{font-size:1.5rem;left:-2px}}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);padding:var(--spacing-3xl) 0 var(--spacing-xl)}.footer-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.footer-content{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xl)}.footer-brand{max-width:300px}.footer-logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-text)}.footer-logo .logo-dot{color:var(--color-primary)}.footer-tagline{margin-top:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-text-muted)}.footer-social{display:flex;gap:var(--spacing-sm)}.social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast)}.social-link:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-3px);box-shadow:0 6px 20px #f5c51833}.footer-bottom{display:flex;justify-content:center;align-items:center}.copyright{font-size:var(--text-sm);color:var(--color-text-muted)}@media(max-width:768px){.footer-content{flex-direction:column;text-align:center;gap:var(--spacing-xl)}.footer-brand{max-width:100%}}.scroll-to-top-btn{position:fixed;bottom:2rem;right:2rem;width:40px;height:40px;border-radius:50%;background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:999;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s ease,visibility .3s ease}.scroll-to-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0);animation:breathe 3s ease-in-out infinite}@keyframes breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.scroll-to-top-btn:hover{color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-3px);box-shadow:0 4px 12px #f5c51833;animation:none}@media(max-width:768px){.scroll-to-top-btn{bottom:1.5rem;right:1.5rem;width:36px;height:36px}}.text-type-wrapper,.text-type-content{display:inline}.text-type-cursor{display:inline-block;color:var(--color-primary, #f5c518);font-weight:300;animation:text-type-blink .5s step-end infinite;margin-left:1px}@keyframes text-type-blink{0%,to{opacity:1}50%{opacity:0}}.hero-minimal{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow-x:clip;overflow-y:visible;background:var(--color-bg);padding-top:var(--header-height)}.hero-stagger-1,.hero-stagger-2,.hero-stagger-3,.hero-stagger-4,.hero-stagger-5,.hero-stagger-6,.hero-stagger-7,.hero-stagger-8,.hero-stagger-9{opacity:0;transform:translateY(40px);filter:blur(8px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1),filter .8s cubic-bezier(.4,0,.2,1)}.hero-minimal.loaded .hero-stagger-1{opacity:1;transform:translateY(0);filter:blur(0);transition-delay:.1s}.hero-minimal.loaded .hero-stagger-2{opacity:1;transform:translateY(0);filter:blur(0);transition-delay:.25s}.hero-minimal.loaded .hero-stagger-3{opacity:1;transform:translateY(0);filter:blur(0);transition-delay:.4s}.hero-minimal.loaded .hero-stagger-4{opacity:1;transform:translateY(0);filter:blur(0);transition-delay:.55s}.hero-minimal.loaded .hero-stagger-5{opacity:1;transform:translateY(0);filter:blur(0);transition-delay:.7s}.hero-minimal.loaded .hero-stagger-6{opacity:1;transform:translateY(0) scale(1);filter:blur(0);transition-delay:.9s}.hero-minimal.loaded .hero-stagger-7{opacity:1;transform:translateY(0) scale(1);filter:blur(0);transition-delay:1.05s}.hero-minimal.loaded .hero-stagger-8{opacity:1;transform:translateY(0) scale(1);filter:blur(0);transition-delay:1.2s}.hero-minimal.loaded .hero-stagger-9{opacity:1;transform:translateY(0);filter:blur(0);transition-delay:1.35s}.hero-stagger-2{transform:translate(-60px) translateY(20px)}.hero-stagger-3{transform:translate(60px) translateY(20px)}.hero-minimal.loaded .hero-stagger-2,.hero-minimal.loaded .hero-stagger-3{transform:translate(0) translateY(0)}.hero-stagger-6,.hero-stagger-7,.hero-stagger-8{transform:translateY(30px) scale(.5)}.hero-decorations{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0;transition:opacity 1.5s ease .3s}.hero-minimal.loaded .hero-decorations{opacity:1}.deco-circle{position:absolute;border-radius:50%;transition:all .6s ease}.circle-outline-1{width:500px;height:500px;border:1px solid var(--color-border);top:-150px;right:-100px;opacity:.4}.circle-outline-1:before{content:"";position:absolute;width:8px;height:8px;background:radial-gradient(circle,var(--color-primary) 0%,rgba(255,215,0,.6) 40%,transparent 70%);border-radius:50%;box-shadow:0 0 10px var(--color-primary),0 0 20px #ffd70080;animation:sparkle-rotate-1 8s linear infinite}@keyframes sparkle-rotate-1{0%{top:50%;left:0;transform:translate(-50%,-50%)}25%{top:0;left:50%;transform:translate(-50%,-50%)}50%{top:50%;left:100%;transform:translate(-50%,-50%)}75%{top:100%;left:50%;transform:translate(-50%,-50%)}to{top:50%;left:0;transform:translate(-50%,-50%)}}.circle-outline-2{width:400px;height:400px;border:1px solid var(--color-border);bottom:-100px;left:5%;opacity:.3}.circle-outline-2:before{content:"";position:absolute;width:6px;height:6px;background:radial-gradient(circle,var(--color-primary) 0%,rgba(255,215,0,.6) 40%,transparent 70%);border-radius:50%;box-shadow:0 0 8px var(--color-primary),0 0 16px #ffd70066;animation:sparkle-rotate-2 10s linear infinite 2s}@keyframes sparkle-rotate-2{0%{top:50%;left:100%;transform:translate(-50%,-50%)}25%{top:100%;left:50%;transform:translate(-50%,-50%)}50%{top:50%;left:0;transform:translate(-50%,-50%)}75%{top:0;left:50%;transform:translate(-50%,-50%)}to{top:50%;left:100%;transform:translate(-50%,-50%)}}.circle-outline-3{width:250px;height:250px;border:1px solid var(--color-border);top:30%;right:20%;opacity:.25}.circle-outline-3:before{content:"";position:absolute;width:5px;height:5px;background:radial-gradient(circle,var(--color-primary) 0%,rgba(255,215,0,.6) 40%,transparent 70%);border-radius:50%;box-shadow:0 0 6px var(--color-primary),0 0 12px #ffd7004d;animation:sparkle-rotate-1 6s linear infinite 4s}.circle-filled-2{width:40px;height:40px;border:2px solid var(--color-primary);opacity:.5;top:15%;right:25%;animation:float-slow 5s ease-in-out infinite}.deco-curve{position:absolute;width:300px;height:300px}.curve-1{top:50%;left:-50px;transform:translateY(-50%) rotate(-20deg);opacity:.3}.curve-2{bottom:10%;right:5%;transform:rotate(15deg);opacity:.25}.hero-floating-techs{position:absolute;inset:0;z-index:0;pointer-events:none}.floating-tech-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:var(--shadow-md);position:absolute;pointer-events:all;animation:float-slow 4s ease-in-out infinite}.floating-tech-icon:hover{transform:scale(1.2);box-shadow:var(--shadow-xl)}.floating-tech-icon.dotnet{background:linear-gradient(135deg,#512bd4,#7b4ae2);color:#fff;left:3%;bottom:30%;animation-delay:0s}.floating-tech-icon.dotnet:hover{box-shadow:0 10px 30px #512bd466}.floating-tech-icon.react{background:linear-gradient(135deg,#20232a,#363b46);color:#61dafb;right:3%;top:25%;animation-delay:1s}.floating-tech-icon.react:hover{box-shadow:0 10px 30px #61dafb66}.floating-tech-icon.mongodb{background:linear-gradient(135deg,#47a248,#307c31);color:#fff;right:5%;bottom:25%;animation-delay:2s}.floating-tech-icon.mongodb:hover{box-shadow:0 10px 30px #47a24866}.hero-minimal-content{position:relative;z-index:1;text-align:left;width:100%;max-width:1200px;padding:0 var(--spacing-4xl)}.hero-name{display:inline-block;font-size:var(--text-lg);font-weight:500;color:var(--color-text-secondary);letter-spacing:2px;margin-bottom:var(--spacing-xl);position:relative;padding-left:var(--spacing-lg)}.hero-name:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--color-primary);border-radius:50%}.hero-main-title{font-family:var(--font-display);font-size:clamp(4rem,13vw,11rem);font-weight:300;line-height:1.05;letter-spacing:-.03em;margin-bottom:var(--spacing-2xl);color:var(--color-text)}.title-line{display:block;white-space:nowrap}.title-indent{padding-left:18%}.hero-tagline{font-size:var(--text-lg);color:var(--color-text-muted);margin:0 0 var(--spacing-2xl) 0;line-height:1.6;min-height:1.6em}.hero-cta-wrapper{margin-top:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-lg)}.hero-cv-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);font-family:var(--font-primary);font-size:var(--text-base);font-weight:600;color:#1a1a1a;background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease}.hero-cv-btn:hover{background:var(--color-primary-hover);color:#1a1a1a;transform:translateY(-2px);box-shadow:0 6px 20px #f5c51866}.hero-cv-btn .download-icon{font-size:1.1em;transition:transform .3s ease}.hero-cv-btn:hover .download-icon{animation:bounce-download .6s ease-in-out infinite}.hero-cv-btn.loading{opacity:.7;cursor:not-allowed}.hero-cv-btn.loading:hover{transform:none;box-shadow:none}.hero-cv-btn:disabled{cursor:not-allowed}.hero-cv-btn .loading-spinner{width:16px;height:16px;border:2px solid rgba(26,26,26,.3);border-top-color:#1a1a1a;border-radius:50%;animation:spin .8s linear infinite}@keyframes bounce-download{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.hero-explore-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);font-family:var(--font-primary);font-size:var(--text-base);font-weight:500;color:var(--color-text);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease}.hero-explore-btn:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:0 10px 30px #ffd70026}.hero-explore-btn .arrow-icon{animation:bounce-arrow 1.5s ease-in-out infinite}.hero-explore-btn:hover .arrow-icon{animation:bounce-arrow .8s ease-in-out infinite}.scroll-indicator-minimal{position:absolute;bottom:var(--spacing-2xl);left:50%;transform:translate(-50%);cursor:pointer;z-index:2}.scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--color-border),transparent);position:relative}.scroll-line:before{content:"";position:absolute;top:0;left:-2px;width:5px;height:5px;background:var(--color-primary);border-radius:50%;animation:scroll-dot 2s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}@keyframes bounce-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes scroll-dot{0%{top:0;opacity:1}80%{top:50px;opacity:0}to{top:0;opacity:0}}@media(max-width:968px){.hero-main-title{font-size:clamp(3rem,10vw,7rem)}.title-indent{padding-left:10%}.circle-outline-1{width:300px;height:300px;top:-100px;right:-80px}.circle-outline-2{width:250px;height:250px}.circle-outline-3{width:150px;height:150px}.floating-tech-icon{width:44px;height:44px}.floating-tech-icon.dotnet{left:2%;bottom:25%}.floating-tech-icon.react{right:2%;top:20%}.floating-tech-icon.mongodb{right:4%;bottom:35%}}@media(max-width:600px){.hero-minimal{padding-top:var(--header-height);min-height:90vh;display:flex;align-items:flex-start}.hero-minimal-content{padding:12vh var(--spacing-xl) 0;text-align:center}.hero-main-title{font-size:clamp(3.5rem,18vw,5.5rem)!important;margin-bottom:var(--spacing-lg);line-height:1.1;font-weight:500}.title-line{white-space:normal!important;display:block}.title-indent{padding-left:0}.hero-name{font-size:var(--text-base);padding-left:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-sm)}.hero-tagline{font-size:var(--text-base);padding:0;text-align:center;margin:0 auto var(--spacing-2xl);line-height:1.7}.hero-cta-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.hero-cv-btn,.hero-explore-btn{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--text-base)}.circle-outline-1,.circle-outline-3{display:none}.circle-outline-2{width:180px;height:180px;bottom:-40px;left:-40px;opacity:.2}.hero-floating-techs,.deco-curve,.circle-filled-1,.circle-filled-2,.circle-filled-3{display:none}}@media(max-width:400px){.hero-main-title{font-size:2.2rem;line-height:1.15}.hero-name{font-size:var(--text-sm);letter-spacing:1px}.hero-tagline{font-size:var(--text-base)}.hero-cv-btn,.hero-explore-btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-sm)}}.github-contributions{margin-top:var(--spacing-3xl);padding:var(--spacing-xl);background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base)}.github-contributions:hover{border-color:#39d3534d;box-shadow:0 0 30px #39d3530d}.github-contributions.error-state{border-color:#ef444433}.github-contributions.error-state:hover{border-color:#ef444466;box-shadow:0 0 30px #ef44440d}.github-error-placeholder{padding:var(--spacing-xl) 0;text-align:center}.github-error-placeholder p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.github-contributions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-sm)}.github-contributions-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-text-secondary)}.github-contributions-title strong{color:var(--color-text);font-weight:700}.github-icon{font-size:var(--text-lg);color:var(--color-text)}.github-profile-link{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--color-text-muted);text-decoration:none;padding:4px 10px;border-radius:var(--radius-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);transition:all var(--transition-fast)}.github-profile-link:hover{color:var(--color-text);border-color:var(--color-text-muted);transform:translateY(-1px)}.github-graph-wrapper{position:relative;display:flex;gap:4px;overflow-x:auto;padding-bottom:var(--spacing-sm);scrollbar-width:none}.github-graph-wrapper::-webkit-scrollbar{display:none}.github-day-labels{display:flex;flex-direction:column;gap:3px;padding-top:22px;flex-shrink:0}.day-label{font-size:9px;color:var(--color-text-muted);height:13px;line-height:13px;text-align:right;width:28px;-webkit-user-select:none;user-select:none}.github-graph-container{display:flex;flex-direction:column;flex:1;min-width:0}.github-month-labels{display:grid;grid-auto-flow:column;grid-auto-columns:16px;height:18px;margin-bottom:4px}.month-label{font-size:9px;color:var(--color-text-muted);white-space:nowrap;-webkit-user-select:none;user-select:none;grid-row:1}.github-grid{display:flex;gap:3px}.github-week{display:flex;flex-direction:column;gap:3px}.github-cell{width:13px;height:13px;border-radius:2px;transition:all .15s ease;cursor:pointer;outline:1px solid rgba(255,255,255,.03)}.github-cell:hover{outline:2px solid rgba(255,255,255,.25);outline-offset:-1px;transform:scale(1.2);z-index:2}.github-cell.level-0{background-color:#161b22}.github-cell.level-1{background-color:#0e4429}.github-cell.level-2{background-color:#006d32}.github-cell.level-3{background-color:#26a641}.github-cell.level-4{background-color:#39d353}:root .github-cell.level-0{background-color:#ebedf0}:root .github-cell.level-1{background-color:#9be9a8}:root .github-cell.level-2{background-color:#40c463}:root .github-cell.level-3{background-color:#30a14e}:root .github-cell.level-4{background-color:#216e39}[data-theme=dark] .github-cell.level-0{background-color:#161b22}[data-theme=dark] .github-cell.level-1{background-color:#0e4429}[data-theme=dark] .github-cell.level-2{background-color:#006d32}[data-theme=dark] .github-cell.level-3{background-color:#26a641}[data-theme=dark] .github-cell.level-4{background-color:#39d353}.github-tooltip{position:absolute;transform:translate(-50%,-100%);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 12px;pointer-events:none;z-index:100;white-space:nowrap;display:flex;flex-direction:column;align-items:center;gap:2px;box-shadow:var(--shadow-lg);animation:tooltipFadeIn .15s ease}.github-tooltip.below{transform:translate(-50%);animation:tooltipFadeInBelow .15s ease}.github-tooltip strong{font-size:var(--text-xs);color:var(--color-text);font-weight:600}.github-tooltip span{font-size:10px;color:var(--color-text-muted)}.github-tooltip.above:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg);width:8px;height:8px;background:var(--color-surface-elevated);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.github-tooltip.below:after{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%) rotate(45deg);width:8px;height:8px;background:var(--color-surface-elevated);border-left:1px solid var(--color-border);border-top:1px solid var(--color-border)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,calc(-100% - 4px))}to{opacity:1;transform:translate(-50%,-100%)}}@keyframes tooltipFadeInBelow{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}.github-legend{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:var(--spacing-md)}.legend-label{font-size:10px;color:var(--color-text-muted);-webkit-user-select:none;user-select:none}.legend-cells{display:flex;gap:3px}.legend-cells .github-cell{cursor:default}.legend-cells .github-cell:hover{transform:none;outline:1px solid rgba(255,255,255,.03)}.github-contributions-skeleton{padding:var(--spacing-xl)}.skeleton-header{width:200px;height:16px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg);animation:skeletonPulse 1.5s ease infinite}.skeleton-grid{display:flex;gap:3px}.skeleton-column{display:flex;flex-direction:column;gap:3px}.skeleton-cell{width:13px;height:13px;border-radius:2px;background:var(--color-bg-tertiary);animation:skeletonPulse 1.5s ease infinite}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:.8}}@media(max-width:968px){.github-contributions{margin-top:var(--spacing-2xl);padding:var(--spacing-lg)}.github-tooltip{display:none!important}}@media(max-width:768px){.github-contributions{padding:var(--spacing-md)}.github-contributions-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.github-cell{width:11px;height:11px}.github-grid,.github-week{gap:2px}.day-label{height:11px;line-height:11px;font-size:8px;width:24px}.github-day-labels{gap:2px}.github-month-labels{grid-auto-columns:13px}}@media(max-width:480px){.github-cell{width:9px;height:9px}.github-grid,.github-week{gap:2px}.github-month-labels{grid-auto-columns:11px}.day-label{height:9px;line-height:9px;width:20px}.github-day-labels{gap:2px}}.about{background:var(--color-bg)}.about-content{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--spacing-4xl);align-items:end}.about-image{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.about-image-wrapper{position:relative;width:320px;height:380px}.about-image-placeholder{position:relative;width:100%;height:100%;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;font-size:100px;z-index:1}.about-profile-image{position:relative;width:100%;height:100%;object-fit:cover;border:2px solid var(--color-border);border-radius:var(--radius-2xl);z-index:1}.about-image-decoration{position:absolute;inset:20px -20px -20px 20px;border:3px solid var(--color-primary);border-radius:var(--radius-2xl);z-index:0}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);width:360px;margin-top:var(--spacing-md)}.about-stat{text-align:center;padding:var(--spacing-sm) var(--spacing-sm);background:linear-gradient(135deg,#f5c51814,#f5c51805);border:1px solid rgba(245,197,24,.15);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:2px;transition:all .3s ease}.about-stat:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #f5c5181f}.stat-number{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--color-primary);line-height:1}.stat-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.about-info{padding-top:var(--spacing-xl);padding-bottom:0}.about-heading{font-size:var(--text-3xl);margin-bottom:var(--spacing-xl);line-height:1.3}.about-text{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-md);line-height:1.8}.about-details{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin:var(--spacing-xl) 0;padding:var(--spacing-lg) 0;border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light)}.about-detail{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--text-sm)}.detail-icon{color:var(--color-primary);font-size:var(--text-lg)}.about-contact-links{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.contact-link-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);text-align:center;padding:var(--spacing-lg) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);text-decoration:none;transition:all var(--transition-base);cursor:pointer}.contact-link-card:hover{border-color:var(--card-color, var(--color-primary));transform:translateY(-4px);box-shadow:0 8px 24px color-mix(in srgb,var(--card-color, var(--color-primary)) 20%,transparent)}.contact-link-icon{font-size:var(--text-2xl);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.contact-link-card:hover .contact-link-icon{transform:scale(1.15)}.contact-link-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.about-github{margin-top:var(--spacing-xl)}@media(max-width:968px){.about-content{grid-template-columns:1fr;text-align:center;gap:var(--spacing-xl)}.about-image{margin-bottom:0;gap:var(--spacing-md)}.about-image-wrapper{width:280px;height:350px}.about-stats{width:360px;max-width:100%;margin-top:var(--spacing-lg)}.about-heading{font-size:var(--text-2xl)}.about-details{justify-content:center}.about-contact-links{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.about-image-wrapper{width:220px;height:280px}.about-stats{width:300px;max-width:100%}.about-image-placeholder{font-size:70px}}.logo-loop{position:relative;overflow:hidden;width:100%;padding:var(--spacing-lg) 0}.logo-loop.horizontal{height:calc(var(--logo-height) + 60px)}.logo-loop.vertical{height:300px;width:var(--logo-height)}.logo-loop-track{display:flex;align-items:center;gap:var(--logo-gap);will-change:transform}.logo-loop.horizontal .logo-loop-track{flex-direction:row;width:max-content}.logo-loop.vertical .logo-loop-track{flex-direction:column;height:max-content}.logo-loop-item{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .3s ease}.logo-loop-item.scale-on-hover:hover{transform:scale(1.15)}.logo-loop-link,.logo-loop-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:inherit}.logo-loop-icon{font-size:var(--logo-height);display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));transition:filter .3s ease,transform .3s ease}.logo-loop-item:hover .logo-loop-icon{filter:drop-shadow(0 8px 16px rgba(0,0,0,.2))}.logo-loop-image{height:var(--logo-height);width:auto;object-fit:contain}.logo-loop-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text);opacity:.8;transition:opacity .3s ease;white-space:nowrap}.logo-loop-item:hover .logo-loop-title{opacity:1}.logo-loop-fade{position:absolute;top:0;bottom:0;width:100px;pointer-events:none;z-index:2}.logo-loop.horizontal .logo-loop-fade-start{left:0;background:linear-gradient(to right,var(--fade-color),transparent)}.logo-loop.horizontal .logo-loop-fade-end{right:0;background:linear-gradient(to left,var(--fade-color),transparent)}.logo-loop.vertical .logo-loop-fade{left:0;right:0;width:100%;height:60px}.logo-loop.vertical .logo-loop-fade-start{top:0;bottom:auto;background:linear-gradient(to bottom,var(--fade-color),transparent)}.logo-loop.vertical .logo-loop-fade-end{bottom:0;top:auto;background:linear-gradient(to top,var(--fade-color),transparent)}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-33.333%)}}@keyframes scrollRight{0%{transform:translate(-33.333%)}to{transform:translate(0)}}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-33.333%)}}@keyframes scrollDown{0%{transform:translateY(-33.333%)}to{transform:translateY(0)}}@media(max-width:768px){.logo-loop-fade{width:50px}.logo-loop-title{font-size:var(--text-xs)}}.skills{background:var(--color-bg-secondary)}.technologies-loop-container{margin-bottom:var(--spacing-2xl);background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.03) 0%,transparent 50%);border-radius:var(--radius-2xl);padding:var(--spacing-lg) 0;border:1px solid rgba(var(--color-primary-rgb),.08)}.technologies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-4xl)}.tech-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-base)}.tech-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.tech-icon{font-size:3rem;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.tech-card:hover .tech-icon{transform:scale(1.1)}.tech-name{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.services-section{text-align:center}.services-title{font-size:var(--text-2xl);margin-bottom:var(--spacing-2xl)}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:var(--spacing-lg)}.bento-card-1{grid-column:span 1}.bento-card-2,.bento-card-3{grid-column:span 2}.bento-card-4{grid-column:span 1}.bento-card{position:relative;padding:var(--spacing-xl) var(--spacing-2xl);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);text-align:left;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:default}.bento-card:hover{border-color:var(--accent, var(--color-primary));transform:translateY(-6px);box-shadow:0 12px 40px #0000001a,0 0 0 1px var(--accent, var(--color-primary))}.bento-glow{position:absolute;inset:0;border-radius:inherit;opacity:0;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.04),transparent 40%);transition:opacity .4s ease;pointer-events:none;z-index:0}.bento-card:hover .bento-glow{opacity:1}.bento-card-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-lg)}.bento-icon-wrapper{flex-shrink:0}.bento-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent, var(--color-primary)) 12%,transparent),color-mix(in srgb,var(--accent, var(--color-primary)) 4%,transparent));border:1px solid color-mix(in srgb,var(--accent, var(--color-primary)) 20%,transparent);border-radius:var(--radius-xl);color:var(--accent, var(--color-primary));font-size:1.75rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.bento-card:hover .bento-icon{transform:scale(1.1) rotate(-4deg);box-shadow:0 8px 24px color-mix(in srgb,var(--accent, var(--color-primary)) 25%,transparent)}.bento-content{flex:1;min-width:0}.bento-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--spacing-xs);color:var(--color-text);transition:color .3s ease}.bento-description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--spacing-md)}.bento-highlights{list-style:none;padding:0;margin:0 0 var(--spacing-md) 0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.bento-highlight-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.bento-highlight-dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--accent, var(--color-primary));opacity:.7;transition:all .3s ease}.bento-card:hover .bento-highlight-dot{opacity:1;box-shadow:0 0 8px color-mix(in srgb,var(--accent, var(--color-primary)) 40%,transparent)}.bento-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.bento-tag{display:inline-block;padding:4px 12px;font-size:.7rem;font-weight:600;letter-spacing:.03em;color:var(--accent, var(--color-primary));background:color-mix(in srgb,var(--accent, var(--color-primary)) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent, var(--color-primary)) 18%,transparent);border-radius:var(--radius-md);transition:all .3s ease}.bento-card:hover .bento-tag{background:color-mix(in srgb,var(--accent, var(--color-primary)) 16%,transparent);border-color:color-mix(in srgb,var(--accent, var(--color-primary)) 30%,transparent)}.bento-card:before{content:"";position:absolute;top:0;right:0;width:120px;height:120px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent, var(--color-primary)) 6%,transparent),transparent 70%);border-radius:inherit;pointer-events:none;transition:opacity .4s ease;opacity:.5}.bento-card:hover:before{opacity:1}@media(max-width:1024px){.technologies-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-card-2{grid-column:span 2}.bento-card-1,.bento-card-4{grid-column:span 1}.bento-card-3{grid-column:span 2}}@media(max-width:768px){.bento-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.bento-card-1,.bento-card-2,.bento-card-3,.bento-card-4{grid-column:span 1}.bento-card{padding:var(--spacing-xl)}}@media(max-width:640px){.tech-icon{font-size:2.5rem}.bento-icon{width:52px;height:52px;font-size:1.4rem}}.experience{background:var(--color-bg)}.experience-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-3xl)}.column-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.column-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#f5c5181f,#f5c5180a);color:var(--color-primary);border-radius:var(--radius-xl);font-size:var(--text-xl);transition:all .3s ease}.column-header:hover .column-icon{transform:scale(1.08) rotate(-4deg);box-shadow:0 6px 20px #f5c51833}.column-header h3{font-size:var(--text-xl);font-weight:600}.timeline{position:relative;padding-left:var(--spacing-2xl)}.timeline:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:var(--color-border)}.timeline-item{position:relative;margin-bottom:var(--spacing-xl)}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:calc(-1 * var(--spacing-2xl) + 3px);top:var(--spacing-lg);width:10px;height:10px;background:var(--color-primary);border-radius:50%;border:2px solid var(--color-bg);box-shadow:0 0 0 3px var(--color-primary-light)}.timeline-content{padding:var(--spacing-lg);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);transition:all .3s ease}.timeline-content:hover{border-color:var(--color-primary);transform:translate(4px);box-shadow:0 8px 24px #00000026,0 0 0 1px #f5c51840}.timeline-period{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary-light);color:var(--color-primary);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.timeline-title{font-size:var(--text-lg);margin-bottom:var(--spacing-xs)}.timeline-company{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.timeline-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--spacing-md)}.timeline-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tech-tag{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--text-xs);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}@media(max-width:968px){.experience-content{grid-template-columns:1fr}}.project-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--spacing-lg);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.project-modal{position:relative;width:60%;max-width:1100px;max-height:90vh;background:var(--color-surface);border-radius:var(--radius-2xl);border:1px solid var(--color-border-light);overflow:hidden;box-shadow:0 25px 60px #0006,0 0 0 1px #ffffff1a;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.project-modal-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#00000080;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#fff;font-size:1.25rem;cursor:pointer;transition:all var(--transition-fast);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-modal-close:hover{background:var(--color-primary);color:#000;transform:rotate(90deg);border-color:var(--color-primary)}.project-modal-content{display:flex;flex-direction:column;max-height:90vh;overflow-y:auto}.project-modal-gallery{flex-shrink:0}.project-modal-main-image{position:relative;width:100%;height:400px;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%);overflow:hidden}.project-modal-main-image img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease;image-rendering:-webkit-optimize-contrast}.project-modal-main-image:hover img{transform:scale(1.05)}.project-modal-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary)}.project-modal-placeholder img{width:100%;height:100%;object-fit:contain}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#0009;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0}.project-modal-main-image:hover .gallery-nav{opacity:1}.gallery-nav-prev{left:var(--spacing-lg)}.gallery-nav-next{right:var(--spacing-lg)}.gallery-nav:hover{background:var(--color-primary);color:#000;transform:translateY(-50%) scale(1.1);border-color:var(--color-primary)}.gallery-counter{position:absolute;top:var(--spacing-lg);left:var(--spacing-lg);padding:6px 14px;background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);color:#ffffffe6;font-size:.75rem;font-weight:600;border:1px solid rgba(255,255,255,.08);letter-spacing:.5px;z-index:5;pointer-events:none}.project-modal-main-image:hover .gallery-counter{background:#000000b3;color:#fff}.project-modal-thumbnails{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--color-primary) transparent}.project-modal-thumbnails::-webkit-scrollbar{height:4px}.project-modal-thumbnails::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-full)}.thumbnail{flex-shrink:0;width:80px;height:60px;border-radius:var(--radius-md);overflow:hidden;border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);background:none;padding:0}.thumbnail img{width:100%;height:100%;object-fit:cover;opacity:.6;transition:opacity var(--transition-fast)}.thumbnail:hover img{opacity:1}.thumbnail.active{border-color:var(--color-primary);box-shadow:0 0 12px rgba(var(--color-primary-rgb),.4)}.thumbnail.active img{opacity:1}.project-modal-info{padding:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.project-modal-title{font-size:var(--text-3xl);font-weight:700;color:var(--color-text);margin:0;line-height:1.2}.project-modal-technologies{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.project-modal-tech-badge{padding:var(--spacing-xs) var(--spacing-md);background:linear-gradient(135deg,var(--color-primary-light) 0%,rgba(var(--color-primary-rgb),.1) 100%);color:var(--color-primary);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-md);border:1px solid rgba(var(--color-primary-rgb),.2);transition:all var(--transition-fast)}.project-modal-tech-badge:hover{background:var(--color-primary);color:#000;transform:translateY(-2px)}.project-modal-description{color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.8;max-height:200px;overflow-y:auto;padding-right:var(--spacing-sm)}.project-modal-description::-webkit-scrollbar{width:4px}.project-modal-description::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.project-modal-description p{margin:0;white-space:pre-wrap}.project-modal-links{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light)}.project-modal-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.project-modal-link:hover{background:var(--color-primary);color:#000;border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--color-primary-rgb),.3)}.project-modal-link.primary{background:var(--color-primary);color:#000;border-color:var(--color-primary)}.project-modal-link.primary:hover{background:var(--color-primary-hover);box-shadow:0 8px 25px rgba(var(--color-primary-rgb),.4)}.project-modal-link svg{font-size:1.1rem}@media(max-width:1200px){.project-modal{width:75%}}@media(max-width:968px){.project-modal{width:90%;max-height:95vh}.project-modal-main-image{height:300px}.project-modal-title{font-size:var(--text-2xl)}.project-modal-info{padding:var(--spacing-xl)}.gallery-nav{width:40px;height:40px;font-size:1.25rem;opacity:1}.gallery-nav-prev{left:var(--spacing-sm)}.gallery-nav-next{right:var(--spacing-sm)}}@media(max-width:640px){.project-modal-overlay{padding:var(--spacing-sm)}.project-modal{width:100%;max-height:100vh;border-radius:var(--radius-xl)}.project-modal-main-image{height:220px}.project-modal-close{top:var(--spacing-md);right:var(--spacing-md);width:38px;height:38px}.project-modal-info{padding:var(--spacing-lg);gap:var(--spacing-md)}.project-modal-title{font-size:var(--text-xl)}.project-modal-tech-badge{font-size:var(--text-xs);padding:4px 10px}.project-modal-description{font-size:var(--text-sm);max-height:150px}.project-modal-links{flex-direction:column}.project-modal-link{justify-content:center}.thumbnail{width:60px;height:45px}}.project-modal-content::-webkit-scrollbar{width:6px}.project-modal-content::-webkit-scrollbar-track{background:transparent}.project-modal-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.project-modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.projects{background:var(--color-bg-secondary)}.featured-projects{display:grid;gap:var(--spacing-2xl);margin-bottom:var(--spacing-4xl)}.project-card.featured{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--spacing-2xl);padding:var(--spacing-2xl);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);transition:all var(--transition-base)}.project-card.featured.clickable{cursor:pointer}.project-card.featured:hover{border-color:var(--color-primary);box-shadow:0 12px 40px #0000001a,0 0 0 1px #f5c5184d}.project-card.featured:nth-child(2n){grid-template-columns:1.2fr 1fr}.project-card.featured:nth-child(2n) .project-image{order:2}.project-image{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-bg-tertiary) 100%);border-radius:var(--radius-xl);min-height:320px;overflow:hidden;position:relative}.project-img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform var(--transition-base)}.project-card.featured:hover .project-img{transform:scale(1.02)}.project-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:280px;background:var(--color-bg-tertiary)}.project-placeholder img{width:100%;height:100%;min-height:280px;object-fit:cover}.project-content{display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-lg) 0}.project-title{font-size:var(--text-2xl);margin-bottom:var(--spacing-md)}.project-description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--spacing-lg)}.project-technologies{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.tech-badge{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-primary-light);color:var(--color-primary);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);border:1px solid rgba(245,197,24,.18)}.project-links{display:flex;gap:var(--spacing-md)}.project-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast)}.project-link:hover{background:var(--color-primary);color:#0a0a0a;border-color:var(--color-primary)}.other-projects-title{font-size:var(--text-2xl);text-align:center;margin-bottom:var(--spacing-2xl)}.other-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.project-card-small{padding:var(--spacing-xl);display:flex;flex-direction:column;min-height:280px}.project-card-small.clickable{cursor:pointer;transition:all var(--transition-base)}.project-card-small.clickable:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:0 8px 30px #0000001a,0 0 0 1px #f5c5184d}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.project-emoji-small{font-size:40px}.project-img-small{width:48px;height:48px;border-radius:var(--radius-md);object-fit:cover}.project-links-small{display:flex;gap:var(--spacing-sm)}.project-links-small a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-text-muted);transition:color var(--transition-fast)}.project-links-small a:hover{color:var(--color-primary)}.project-title-small{font-size:var(--text-lg);margin-bottom:var(--spacing-sm)}.project-description-small{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;flex:1}.project-technologies-small{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light)}.project-technologies-small span{font-size:var(--text-xs);color:var(--color-text-muted)}@media(max-width:968px){.project-card.featured,.project-card.featured:nth-child(2n){grid-template-columns:1fr}.project-card.featured:nth-child(2n) .project-image{order:0}.project-image{min-height:200px}.project-content{padding:0}.project-technologies{margin-bottom:var(--spacing-lg)}.tech-badge{font-size:var(--text-xs);padding:4px 10px}.other-projects{grid-template-columns:repeat(2,1fr)}.project-description,.project-description-small{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex:none}}@media(max-width:640px){.other-projects{grid-template-columns:1fr}.project-links{flex-direction:column}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.contact{background:var(--color-bg-secondary)}.contact-content{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--spacing-3xl);align-items:start}.contact-info{padding:var(--spacing-xl) 0}.info-header h3{font-size:var(--text-2xl);margin-bottom:var(--spacing-md)}.info-header p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--spacing-2xl)}.info-list{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.info-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast)}.info-item:hover{border-color:var(--color-primary);transform:translate(4px)}.info-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#f5c5181f,#f5c5180a);color:var(--color-primary);border-radius:var(--radius-lg);font-size:var(--text-xl);transition:all .3s ease}.info-item:hover .info-icon{transform:scale(1.08) rotate(-4deg);box-shadow:0 6px 20px #f5c51833}.info-text{display:flex;flex-direction:column}.info-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:var(--text-base);color:var(--color-text);font-weight:500}.contact-social p{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.contact-social .social-links{display:flex;gap:var(--spacing-sm)}.contact-social .social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast)}.contact-social .social-link:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-3px);box-shadow:0 6px 20px #f5c51833}.contact-form-wrapper{padding:var(--spacing-2xl)}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group-hp{position:absolute;left:-9999px;top:-9999px;opacity:0;pointer-events:none;z-index:-1}.form-group label{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.form-group input,.form-group textarea{padding:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-text);transition:all var(--transition-fast);resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.submit-btn{width:100%;padding:var(--spacing-md) var(--spacing-xl);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:all .3s ease}.submit-btn.loading{opacity:.7;cursor:not-allowed}.submit-btn.loading:hover{transform:none;box-shadow:none}.submit-btn:disabled{cursor:not-allowed}.loading-spinner-small{width:18px;height:18px;border:2px solid rgba(26,26,26,.3);border-top-color:#1a1a1a;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:968px){.contact-content{grid-template-columns:1fr}.contact-info{order:2}}@media(max-width:768px){.form-row{grid-template-columns:1fr}.contact-form-wrapper{padding:var(--spacing-lg)}}.toast-notification{position:fixed;top:24px;right:24px;max-width:420px;min-width:320px;background:#121212f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #0009,0 0 60px rgba(var(--color-primary-rgb, 239, 186, 65),.15);z-index:9999;opacity:0;transform:translate(120%);transition:all .5s cubic-bezier(.68,-.55,.265,1.55);overflow:hidden}.toast-notification.show{opacity:1;transform:translate(0)}.toast-notification.success{border-left:4px solid #10b981}.toast-notification.error{border-left:4px solid #ef4444}.toast-notification.info{border-left:4px solid var(--color-primary, #efba41)}.toast-content{display:flex;align-items:flex-start;gap:16px;padding:20px 24px}.toast-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;font-size:24px;flex-shrink:0}.toast-notification.success .toast-icon{background:#10b98126;color:#10b981}.toast-notification.error .toast-icon{background:#ef444426;color:#ef4444}.toast-notification.info .toast-icon{background:#efba4126;color:var(--color-primary, #efba41)}.toast-message{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.toast-title{font-size:16px;font-weight:600;color:#fff;letter-spacing:-.02em}.toast-text{font-size:14px;color:#ffffffb3;line-height:1.5;word-wrap:break-word}.toast-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0d;border:none;border-radius:8px;color:#ffffff80;cursor:pointer;transition:all .2s ease;flex-shrink:0}.toast-close:hover{background:#ffffff1a;color:#fff;transform:rotate(90deg)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,transparent,var(--color-primary, #efba41),transparent);transform-origin:left;animation:toast-progress 5s linear forwards}.toast-notification.success .toast-progress{background:linear-gradient(90deg,transparent,#10b981,transparent)}.toast-notification.error .toast-progress{background:linear-gradient(90deg,transparent,#ef4444,transparent)}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(max-width:480px){.toast-notification{top:16px;right:16px;left:16px;min-width:auto;max-width:none}.toast-content{padding:16px;gap:12px}.toast-icon{width:40px;height:40px;font-size:20px}.toast-title{font-size:14px}.toast-text{font-size:13px}}.not-found-page{min-height:calc(100vh - var(--header-height) - 100px);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:80px 0}.not-found-content{text-align:center;max-width:600px;margin:0 auto;position:relative;z-index:2}.error-code{font-size:clamp(8rem,20vw,12rem);font-weight:900;line-height:1;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2rem;letter-spacing:-.05em;filter:drop-shadow(0 10px 20px rgba(245,197,24,.2));animation:floating 3s ease-in-out infinite}.error-decoration{width:60px;height:4px;background:var(--color-primary);margin:0 auto 2rem;border-radius:2px}.error-title{font-size:2.5rem;margin-bottom:1.5rem;color:var(--color-text)}.error-description{font-size:1.1rem;color:var(--color-text-secondary);margin-bottom:3rem;line-height:1.7}.error-actions{display:flex;gap:1.5rem;justify-content:center}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.not-found-bg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.bg-circle{position:absolute;border-radius:50%;filter:blur(80px);opacity:.1}.circle-1{width:400px;height:400px;background:var(--color-primary);top:-100px;right:-100px}.circle-2{width:300px;height:300px;background:var(--color-primary-hover);bottom:-50px;left:-50px}@media(max-width:768px){.error-actions{flex-direction:column;padding:0 2rem}.error-title{font-size:2rem}}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}