.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);height:var(--navbar-height);transition:all var(--transition-base)}.navbar.scrolled{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.navbar .container{display:flex;align-items:center;justify-content:space-between;height:100%}.navbar-logo{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;transition:transform var(--transition-base)}.navbar-logo:hover{transform:scale(1.05)}.navbar-links{display:flex;align-items:center;gap:var(--space-xl)}.navbar-link{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);padding:var(--space-xs) 0;position:relative;transition:color var(--transition-fast)}.navbar-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--transition-base)}.navbar-link:hover,.navbar-link.active{color:var(--text-primary)}.navbar-link:hover:after,.navbar-link.active:after{width:100%}.navbar-actions{display:flex;align-items:center;gap:var(--space-md)}.navbar-theme-toggle{width:44px;height:44px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);transition:all var(--transition-base);background:var(--bg-tertiary);color:var(--text-secondary)}.navbar-theme-toggle:hover{background:var(--primary);color:#fff;transform:rotate(180deg)}.navbar-mobile-toggle{display:none;flex-direction:column;gap:5px;width:32px;height:24px;padding:0;background:none;border:none}.navbar-mobile-toggle span{display:block;width:100%;height:2px;background:var(--text-primary);border-radius:var(--radius-full);transition:all var(--transition-base);transform-origin:center}.navbar-mobile-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar-mobile-toggle.open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar-mobile-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{position:fixed;top:var(--navbar-height);left:0;right:0;bottom:0;background:var(--bg-primary);z-index:var(--z-overlay);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md);transform:translate(100%);transition:transform .4s cubic-bezier(.4,0,.2,1)}.mobile-menu.open{transform:translate(0)}.mobile-menu-link{font-size:var(--text-2xl);font-weight:600;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);transition:all var(--transition-base);font-family:var(--font-display)}.mobile-menu-link:hover{background:rgba(var(--primary-rgb),.1);color:var(--primary);transform:translate(8px)}@media (max-width: 768px){.navbar-links{display:none}.navbar-mobile-toggle{display:flex}}@media (min-width: 769px){.mobile-menu{display:none}}.footer{position:relative;background:var(--bg-secondary);padding:80px 0 30px;border-top:1px solid var(--border-color)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:48px}.footer-logo{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;margin-bottom:16px}.footer-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.8;margin-bottom:24px;max-width:300px}.footer-socials{display:flex;gap:12px}.footer-social-link{width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-base);font-size:var(--text-base)}.footer-social-link:hover{border-color:var(--primary);background:var(--primary);color:#fff}.footer-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;margin-bottom:20px;color:var(--text-primary)}.footer-link{display:block;padding:6px 0;color:var(--text-secondary);font-size:var(--text-sm);transition:all var(--transition-fast)}.footer-link:hover{color:var(--primary);transform:translate(4px)}.footer-newsletter-text{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:16px;line-height:1.6}.footer-newsletter-form{display:flex;gap:8px}.footer-input{flex:1;padding:12px 16px;border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-sm);outline:none;transition:border-color var(--transition-fast)}.footer-input:focus{border-color:var(--primary)}.footer-submit{width:44px;height:44px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;border:none;transition:all var(--transition-base);flex-shrink:0}.footer-submit:hover{transform:scale(1.1);box-shadow:0 4px 15px rgba(var(--primary-rgb),.4)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:32px;border-top:1px solid var(--border-color)}.footer-copyright{font-size:var(--text-sm);color:var(--text-tertiary)}.footer-made-with{font-size:var(--text-sm);color:var(--text-tertiary);display:flex;align-items:center;gap:6px}.footer-heart{color:var(--error);animation:pulse 1.5s ease-in-out infinite}.footer-back-top{width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-base);border:none}.footer-back-top:hover{background:var(--primary);color:#fff;transform:translateY(-4px)}.footer-gradient-line{position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}.footer-newsletter-form{flex-direction:column}.footer-input{width:100%}}:root{--primary: #5b5fef;--primary-light: #7c7ff4;--primary-dark: #4448c7;--primary-rgb: 91, 95, 239;--accent: #2ea4ab;--accent-light: #5dc1c7;--accent-dark: #1f7a80;--accent-rgb: 46, 164, 171;--success: #4caf7d;--warning: #d4a247;--error: #d4686a;--info: #5b9ed4;--bg-primary: #fafafa;--bg-secondary: #f3f3f5;--bg-tertiary: #eaeaed;--bg-card: #ffffff;--bg-glass: rgba(255, 255, 255, .75);--text-primary: #1c1c24;--text-secondary: #5c5c6e;--text-tertiary: #9494a4;--text-inverse: #fafafa;--border-color: rgba(0, 0, 0, .06);--border-color-strong: rgba(0, 0, 0, .1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 2px 12px rgba(0, 0, 0, .05);--shadow-lg: 0 4px 24px rgba(0, 0, 0, .07);--shadow-xl: 0 8px 40px rgba(0, 0, 0, .09);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-display: "Space Grotesk", "Inter", sans-serif;--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;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .28s ease;--transition-slow: .45s ease;--transition-spring: .6s cubic-bezier(.34, 1.56, .64, 1);--navbar-height: 80px;--max-width: 1100px;--section-padding: 100px 0;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-cursor: 500;--z-preloader: 1000}[data-theme=dark]{--bg-primary: #0f0f16;--bg-secondary: #161621;--bg-tertiary: #1e1e2c;--bg-card: #181824;--bg-glass: rgba(15, 15, 22, .8);--text-primary: #ececf0;--text-secondary: #a0a0b4;--text-tertiary: #606078;--text-inverse: #0f0f16;--border-color: rgba(255, 255, 255, .05);--border-color-strong: rgba(255, 255, 255, .08);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 2px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 4px 24px rgba(0, 0, 0, .3);--shadow-xl: 0 8px 40px rgba(0, 0, 0, .35)}:root{--gradient-primary: linear-gradient(135deg, #5b5fef 0%, #2ea4ab 100%);--gradient-accent: linear-gradient(135deg, #7c7ff4 0%, #5dc1c7 100%);--gradient-subtle: linear-gradient(135deg, rgba(91, 95, 239, .06) 0%, rgba(46, 164, 171, .06) 100%);--gradient-dark: linear-gradient(135deg, #1c1c24 0%, #2d2d3a 100%)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--navbar-height);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.7;overflow-x:hidden;transition:background-color var(--transition-base),color var(--transition-base);cursor:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{cursor:none;border:none;background:none;font-family:inherit;color:inherit}input,textarea,select{font-family:inherit;color:inherit;font-size:inherit}::selection{background:var(--primary);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}.section{padding:var(--section-padding);position:relative}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-subtitle{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--primary);text-transform:uppercase;letter-spacing:3px;margin-bottom:var(--space-md);font-weight:500}.section-title{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-lg);line-height:1.2}.section-description{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.8}.glass{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-xl)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 28px;font-size:var(--text-base);font-weight:600;border-radius:var(--radius-full);transition:all var(--transition-base);position:relative;overflow:hidden;white-space:nowrap;letter-spacing:.3px}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px rgba(var(--primary-rgb),.4)}.btn-primary:hover{box-shadow:0 8px 30px rgba(var(--primary-rgb),.6);transform:translateY(-2px)}.btn-outline{border:2px solid var(--primary);color:var(--primary);background:transparent}.btn-outline:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{color:var(--primary);background:rgba(var(--primary-rgb),.1)}.btn-sm{padding:8px 20px;font-size:var(--text-sm)}.btn-lg{padding:16px 36px;font-size:var(--text-lg)}.badge{display:inline-flex;align-items:center;padding:4px 12px;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.badge-primary{background:rgba(var(--primary-rgb),.15);color:var(--primary)}.badge-accent{background:rgba(var(--accent-rgb),.15);color:var(--accent)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:var(--space-md)}.mt-2{margin-top:var(--space-xl)}.mt-3{margin-top:var(--space-2xl)}.mt-4{margin-top:var(--space-3xl)}.mb-1{margin-bottom:var(--space-md)}.mb-2{margin-bottom:var(--space-xl)}.mb-3{margin-bottom:var(--space-2xl)}.hidden{display:none}.relative{position:relative}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(.5deg)}75%{transform:translateY(10px) rotate(-.5deg)}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px rgba(var(--primary-rgb),.3)}50%{box-shadow:0 0 30px rgba(var(--primary-rgb),.6)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slide-up{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-60px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-left{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes slide-right{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes scale-in-bounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes typewriter-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes border-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes blob{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}}@keyframes morph{0%,to{border-radius:60% 40% 30% 70%/50% 30% 70% 50%}25%{border-radius:40% 60% 70% 30%/60% 50% 30% 70%}50%{border-radius:50%}75%{border-radius:70% 30% 40% 60%/40% 70% 50% 60%}}@keyframes tilt{0%,to{transform:perspective(1000px) rotateX(0) rotateY(0)}33%{transform:perspective(1000px) rotateX(2deg) rotateY(-2deg)}66%{transform:perspective(1000px) rotateX(-2deg) rotateY(2deg)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-slow{animation:float-slow 8s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-spin-slow{animation:spin-slow 10s linear infinite}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);background-size:200% 100%;animation:shimmer 2s infinite}.animate-gradient{background-size:200% 200%;animation:gradient-shift 3s ease infinite}.animate-blob{animation:blob 8s ease-in-out infinite}.animate-morph{animation:morph 6s ease-in-out infinite}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-40px);transition:opacity .8s ease,transform .8s ease}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(40px);transition:opacity .8s ease,transform .8s ease}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.9);transition:opacity .8s ease,transform .8s ease}.reveal-scale.visible{opacity:1;transform:scale(1)}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.hover-glow:hover{box-shadow:0 0 30px rgba(var(--primary-rgb),.3)}.hover-scale{transition:transform var(--transition-base)}.magnetic-area{transition:transform var(--transition-base)}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .3s ease}.glow-border{position:relative}.glow-border:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:var(--gradient-primary);z-index:-1;opacity:0;transition:opacity .3s ease}.glow-border:hover:before{opacity:1}.glow-border:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--bg-card);z-index:-1}.border-gradient{position:relative;border:2px solid transparent;background:var(--bg-card);background-clip:padding-box}.border-gradient:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:var(--gradient-primary);background-size:200% 200%;animation:gradient-shift 3s ease infinite;z-index:-1;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}.spotlight{position:relative;overflow:hidden}.spotlight:before{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(var(--primary-rgb),.15) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:1}.spotlight:hover:before{opacity:1}.noise-overlay{position:relative}.noise-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:1}.glitch-text{position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .2s ease}.glitch-text:hover:before{opacity:1;color:#f5576c;animation:glitch-1 .3s infinite;clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}.glitch-text:hover:after{opacity:1;color:#48c6ef;animation:glitch-2 .3s infinite reverse;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%)}@keyframes glitch-1{0%,to{transform:translate(0)}25%{transform:translate(-2px,1px)}75%{transform:translate(2px,-1px)}}@keyframes glitch-2{0%,to{transform:translate(0)}25%{transform:translate(2px,-1px)}75%{transform:translate(-2px,1px)}}.reveal-line{position:relative}.reveal-line:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width .4s cubic-bezier(.4,0,.2,1)}.reveal-line:hover:after{width:100%}.ripple-container{position:relative;overflow:hidden}.ripple-effect{position:absolute;border-radius:50%;background:#ffffff4d;transform:scale(0);animation:ripple .6s linear;pointer-events:none}.tilt-card{transform-style:preserve-3d;perspective:1000px}.tilt-card-inner{transition:transform .1s ease-out}.tilt-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(var(--primary-rgb),.15) 0%,transparent 60%);pointer-events:none;opacity:0;transition:opacity .3s ease}.tilt-card:hover .tilt-card-glow{opacity:1}.neon-text{color:#fff;text-shadow:0 0 7px var(--primary),0 0 10px var(--primary),0 0 21px var(--primary),0 0 42px var(--primary-light),0 0 82px var(--primary-light),0 0 92px var(--primary-light)}.glass-sm{background:rgba(var(--primary-rgb),.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(var(--primary-rgb),.1)}.glass-md{background:rgba(var(--primary-rgb),.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(var(--primary-rgb),.15)}.glass-lg{background:rgba(var(--primary-rgb),.1);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(var(--primary-rgb),.2)}.pulse-ring{position:relative}.pulse-ring:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px solid var(--primary);animation:pulse-ring 2s cubic-bezier(.25,.46,.45,.94) infinite}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(1.4);opacity:0}}.gradient-underline{position:relative;display:inline-block}.gradient-underline:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:right;transition:transform .4s ease}.gradient-underline:hover:after{transform:scaleX(1);transform-origin:left}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-title{height:24px;width:60%;margin-bottom:12px}.skeleton-avatar{width:48px;height:48px;border-radius:50%}.skeleton-image{width:100%;height:200px}.skeleton-button{height:44px;width:140px;border-radius:var(--radius-full)}.divider{width:100%;height:1px;background:var(--border-color);margin:var(--space-xl) 0}.divider-gradient{width:100%;height:1px;background:var(--gradient-primary);margin:var(--space-xl) 0;opacity:.3}.divider-dot{display:flex;align-items:center;gap:16px;margin:var(--space-xl) 0}.divider-dot:before,.divider-dot:after{content:"";flex:1;height:1px;background:var(--border-color)}.divider-dot span{width:8px;height:8px;border-radius:50%;background:var(--primary)}.img-zoom{overflow:hidden}.img-zoom img{transition:transform .6s ease}.img-zoom:hover img{transform:scale(1.08)}.text-reveal{position:relative}.text-reveal:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--primary);transform:scaleX(0);transform-origin:right;transition:transform .5s ease}.text-reveal.revealed:before{transform:scaleX(1);transform-origin:left}.section-divider-wave{position:absolute;top:0;left:0;width:100%;overflow:hidden;line-height:0}.section-divider-wave svg{position:relative;display:block;width:calc(100% + 1.3px);height:60px}.section-divider-wave .shape-fill{fill:var(--bg-primary)}.blob-shape-1{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;animation:blob 8s ease-in-out infinite}.blob-shape-2{border-radius:40% 60% 60% 40%/60% 60% 40% 40%;animation:blob 10s ease-in-out infinite reverse}.blob-shape-3{border-radius:50% 50% 30% 70%/40% 60% 60% 40%;animation:blob 12s ease-in-out infinite}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:var(--gradient-primary);z-index:9999;transition:width .1s ease}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:6px 12px;background:var(--bg-card);color:var(--text-primary);font-size:var(--text-xs);border-radius:var(--radius-md);white-space:nowrap;border:1px solid var(--border-color);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:all .2s ease}.tooltip:hover:after{opacity:1;transform:translate(-50%) translateY(-4px)}.text-underline-anim{background:linear-gradient(to right,var(--primary),var(--accent));background-size:0% 2px;background-repeat:no-repeat;background-position:left bottom;transition:background-size .4s ease;padding-bottom:2px}.text-underline-anim:hover{background-size:100% 2px}.stripe-pattern{background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(var(--primary-rgb),.03) 10px,rgba(var(--primary-rgb),.03) 20px)}.dot-pattern{background-image:radial-gradient(circle,var(--border-color-strong) 1px,transparent 1px);background-size:24px 24px}.fade-edges{-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ripple{to{transform:scale(4);opacity:0}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0) scale(1)}33%{transform:translateY(-20px) rotate(3deg) scale(1.05)}66%{transform:translateY(10px) rotate(-2deg) scale(.95)}}@keyframes blob{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:40% 60%/60% 40%}75%{border-radius:60% 40%/40% 60%}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes breathe{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.05);opacity:1}}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-down{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-left{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-right{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.08)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px rgba(var(--primary-rgb),.2)}50%{box-shadow:0 0 20px rgba(var(--primary-rgb),.4),0 0 40px rgba(var(--primary-rgb),.15)}}@keyframes rotate-border{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes typing-cursor{0%,to{border-right-color:var(--primary)}50%{border-right-color:transparent}}@keyframes count-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-fill{0%{width:0%}}@keyframes text-gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-shimmer{animation:shimmer 1.5s infinite}.animate-spin-slow{animation:spin-slow 8s linear infinite}.animate-spin-reverse{animation:spin-reverse 6s linear infinite}.animate-breathe{animation:breathe 3s ease-in-out infinite}.animate-float{animation:float-slow 6s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-wiggle:hover{animation:wiggle .5s ease-in-out}.animate-shake:hover{animation:shake .5s ease-in-out}.animate-bounce-in{animation:bounce-in .6s ease-out}.animate-scale-in{animation:scale-in .4s ease-out}.anim-delay-100{animation-delay:.1s}.anim-delay-200{animation-delay:.2s}.anim-delay-300{animation-delay:.3s}.anim-delay-400{animation-delay:.4s}.anim-delay-500{animation-delay:.5s}.anim-delay-600{animation-delay:.6s}.anim-delay-700{animation-delay:.7s}.anim-delay-800{animation-delay:.8s}.anim-delay-900{animation-delay:.9s}.anim-delay-1000{animation-delay:1s}.anim-fade-up,.anim-fade-down,.anim-fade-left,.anim-fade-right,.anim-scale-in,.anim-slide-up,.anim-slide-down,.anim-slide-left,.anim-slide-right{opacity:0}.anim-fade-up.animated{animation:fade-in-up .6s ease-out forwards}.anim-fade-down.animated{animation:fade-in-down .6s ease-out forwards}.anim-fade-left.animated{animation:fade-in-left .6s ease-out forwards}.anim-fade-right.animated{animation:fade-in-right .6s ease-out forwards}.anim-scale-in.animated{animation:scale-in .5s ease-out forwards}.anim-slide-up.animated{animation:slide-up .5s ease-out forwards}.anim-slide-down.animated{animation:slide-down .5s ease-out forwards}.anim-slide-left.animated{animation:slide-left .5s ease-out forwards}.anim-slide-right.animated{animation:slide-right .5s ease-out forwards}.text-gradient{background:var(--gradient-primary);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-animated{background:var(--gradient-primary);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text-gradient-shift 3s ease infinite}.text-outline{color:transparent;-webkit-text-stroke:1px var(--primary)}.text-outline-hover:hover{color:var(--primary);-webkit-text-stroke:0;transition:all .3s ease}.text-shadow-soft{text-shadow:0 2px 10px rgba(var(--primary-rgb),.2)}.text-shadow-hard{text-shadow:2px 2px 0 var(--primary)}.text-stagger>*{opacity:0;animation:fade-in-up .4s ease-out forwards}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-lift-sm:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.hover-lift-lg:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}.hover-scale-sm:hover{transform:scale(1.02)}.hover-scale-lg:hover{transform:scale(1.1)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 30px rgba(var(--primary-rgb),.3),0 0 60px rgba(var(--primary-rgb),.1)}.hover-brightness:hover{filter:brightness(1.1);transition:filter .3s ease}.hover-dim:hover{filter:brightness(.9);transition:filter .3s ease}.reveal-line-bottom{position:relative}.reveal-line-bottom:after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:2px;background:var(--primary);transition:width .8s cubic-bezier(.25,.46,.45,.94)}.reveal-line-bottom.revealed:after{width:100%}.reveal-line-left{position:relative}.reveal-line-left:before{content:"";position:absolute;left:-12px;top:0;width:2px;height:0;background:var(--primary);transition:height .6s cubic-bezier(.25,.46,.45,.94)}.reveal-line-left.revealed:before{height:100%}.focus-ring:focus-visible{outline:none;box-shadow:0 0 0 3px var(--bg-primary),0 0 0 5px var(--primary);border-radius:var(--radius-sm)}.focus-ring-inset:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--primary)}::selection{background:rgba(var(--primary-rgb),.3);color:var(--text-primary)}::-moz-selection{background:rgba(var(--primary-rgb),.3);color:var(--text-primary)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.magnetic-area{position:relative;overflow:visible}.bg-noise{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E")}.bg-grid{background-image:linear-gradient(rgba(var(--primary-rgb),.04) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--primary-rgb),.04) 1px,transparent 1px);background-size:40px 40px}.bg-grid-sm{background-image:linear-gradient(rgba(var(--primary-rgb),.03) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--primary-rgb),.03) 1px,transparent 1px);background-size:20px 20px}.clip-arrow-right{clip-path:polygon(0 0,85% 0,100% 50%,85% 100%,0 100%)}.clip-arrow-left{clip-path:polygon(15% 0,100% 0,100% 100%,15% 100%,0 50%)}.clip-hexagon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.clip-diamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.clip-parallelogram{clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}.clip-bevel{clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}.perspective-near{perspective:400px}.perspective-mid{perspective:800px}.perspective-far{perspective:1200px}.preserve-3d{transform-style:preserve-3d}.rotate-x-hover:hover{transform:rotateX(10deg);transition:transform .3s ease}.rotate-y-hover:hover{transform:rotateY(10deg);transition:transform .3s ease}.rotate-y-left-hover:hover{transform:rotateY(-10deg);transition:transform .3s ease}.img-grayscale{filter:grayscale(100%)}.img-grayscale:hover{filter:grayscale(0%);transition:filter .5s ease}.img-sepia{filter:sepia(100%)}.img-saturate{filter:saturate(200%)}.img-blur-sm{filter:blur(2px)}.img-blur-md{filter:blur(4px)}.img-blur-lg{filter:blur(8px)}.img-filter-transition{transition:filter .5s ease}.spinner{width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin-slow .8s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-lg{width:40px;height:40px;border-width:4px}.spinner-dots{display:flex;gap:6px;align-items:center;justify-content:center}.spinner-dots span{width:8px;height:8px;border-radius:50%;background:var(--primary);animation:breathe 1.4s ease-in-out infinite both}.spinner-dots span:nth-child(2){animation-delay:.2s}.spinner-dots span:nth-child(3){animation-delay:.4s}.backface-hidden{backface-visibility:hidden}.backface-visible{backface-visibility:visible}.overflow-hidden-safe{overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white,black)}@media print{.no-print{display:none!important}.print-only{display:block!important}body{background:#fff!important;color:#000!important}a{text-decoration:underline}}.print-only{display:none}.shadow-glow-primary{box-shadow:0 0 30px rgba(var(--primary-rgb),.15)}.shadow-glow-accent{box-shadow:0 0 30px rgba(var(--accent-rgb, 72, 198, 239),.15)}.shadow-glow-combined{box-shadow:0 0 20px rgba(var(--primary-rgb),.12),0 0 40px rgba(var(--primary-rgb),.06)}.shadow-inner-top{box-shadow:inset 0 10px 15px -10px #0000001a}.shadow-inner-bottom{box-shadow:inset 0 -10px 15px -10px #0000001a}.shadow-inner-x{box-shadow:inset 10px 0 15px -10px #0000001a,inset -10px 0 15px -10px #0000001a}.transition-fast{transition:all .15s ease}.transition-base{transition:all .25s ease}.transition-slow{transition:all .4s ease}.transition-glacial{transition:all .6s cubic-bezier(.25,.46,.45,.94)}.transition-transform{transition:transform .3s ease}.transition-opacity{transition:opacity .3s ease}.transition-colors{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.transition-shadow{transition:box-shadow .3s ease}.origin-center{transform-origin:center}.origin-top{transform-origin:top}.origin-bottom{transform-origin:bottom}.origin-left{transform-origin:left}.origin-right{transform-origin:right}.origin-top-left{transform-origin:top left}.origin-top-right{transform-origin:top right}.origin-bottom-left{transform-origin:bottom left}.origin-bottom-right{transform-origin:bottom right}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-modal{z-index:1000}.z-toast{z-index:1100}.z-tooltip{z-index:1200}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;user-select:none}.select-all{-webkit-user-select:all;user-select:all}.select-text{-webkit-user-select:text;user-select:text}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-crosshair{cursor:crosshair}.cursor-none{cursor:none}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.content-visibility-auto{content-visibility:auto;contain-intrinsic-size:0 500px}.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}.sticky-top{position:sticky;top:0}.sticky-bottom{position:sticky;bottom:0}.scroll-smooth{scroll-behavior:smooth}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:var(--border-color-strong) transparent}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--border-color-strong);border-radius:3px}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.gradient-border-top{border-top:2px solid;border-image:var(--gradient-primary) 1}.gradient-border-bottom{border-bottom:2px solid;border-image:var(--gradient-primary) 1}.gradient-border-left{border-left:2px solid;border-image:var(--gradient-primary) 1}.gradient-border-right{border-right:2px solid;border-image:var(--gradient-primary) 1}.mask-reveal-bottom{-webkit-mask-image:linear-gradient(to top,transparent 0%,black 100%);mask-image:linear-gradient(to top,transparent 0%,black 100%)}.mask-reveal-top{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 100%)}.mask-reveal-left{-webkit-mask-image:linear-gradient(to right,transparent 0%,black 100%);mask-image:linear-gradient(to right,transparent 0%,black 100%)}.mask-reveal-right{-webkit-mask-image:linear-gradient(to left,transparent 0%,black 100%);mask-image:linear-gradient(to left,transparent 0%,black 100%)}.gpu{transform:translateZ(0);backface-visibility:hidden}.contain-strict{contain:strict}.contain-content{contain:content}.contain-layout{contain:layout}.contain-paint{contain:paint}.contain-size{contain:size}.blend-multiply{mix-blend-mode:multiply}.blend-screen{mix-blend-mode:screen}.blend-overlay{mix-blend-mode:overlay}.blend-soft-light{mix-blend-mode:soft-light}.blend-difference{mix-blend-mode:difference}.bg-blend-multiply{background-blend-mode:multiply}.bg-blend-screen{background-blend-mode:screen}.bg-blend-overlay{background-blend-mode:overlay}.isolate{isolation:isolate}.inline-flex-center{display:inline-flex;align-items:center;justify-content:center}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.object-fill{object-fit:fill}.object-none{object-fit:none}.object-scale-down{object-fit:scale-down}.object-center{object-position:center}.object-top{object-position:top}.object-bottom{object-position:bottom}.object-left{object-position:left}.object-right{object-position:right}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.whitespace-break-spaces{white-space:break-spaces}.break-normal{word-break:normal;overflow-wrap:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.truncate-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.truncate-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.btn-magnetic{position:relative;transition:transform .2s ease-out,box-shadow .2s ease-out;will-change:transform}.btn-ripple{position:relative;overflow:hidden}.btn-ripple .ripple-wave{position:absolute;border-radius:50%;background:#ffffff59;transform:scale(0);animation:ripple-expand .7s ease-out forwards;pointer-events:none}@keyframes ripple-expand{to{transform:scale(4);opacity:0}}.pressable{transition:transform .1s ease,box-shadow .1s ease}.pressable:active{transform:scale(.97);box-shadow:var(--shadow-sm)}.pressable-sm:active{transform:scale(.98)}.pressable-lg:active{transform:scale(.95)}.stagger-list>*{opacity:0;transform:translateY(16px)}.stagger-list.animated>*{animation:fade-in-up .4s ease forwards}.stagger-list.animated>*:nth-child(1){animation-delay:0ms}.stagger-list.animated>*:nth-child(2){animation-delay:80ms}.stagger-list.animated>*:nth-child(3){animation-delay:.16s}.stagger-list.animated>*:nth-child(4){animation-delay:.24s}.stagger-list.animated>*:nth-child(5){animation-delay:.32s}.stagger-list.animated>*:nth-child(6){animation-delay:.4s}.stagger-list.animated>*:nth-child(7){animation-delay:.48s}.stagger-list.animated>*:nth-child(8){animation-delay:.56s}.stagger-list.animated>*:nth-child(9){animation-delay:.64s}.stagger-list.animated>*:nth-child(10){animation-delay:.72s}.stagger-list.animated>*:nth-child(11){animation-delay:.8s}.stagger-list.animated>*:nth-child(12){animation-delay:.88s}.stagger-list.animated>*:nth-child(13){animation-delay:.96s}.stagger-list.animated>*:nth-child(14){animation-delay:1.04s}.stagger-list.animated>*:nth-child(15){animation-delay:1.12s}.stagger-list-left>*{opacity:0;transform:translate(-24px)}.stagger-list-left.animated>*{animation:fade-in-right .5s ease forwards}.stagger-list-left.animated>*:nth-child(1){animation-delay:0ms}.stagger-list-left.animated>*:nth-child(2){animation-delay:.1s}.stagger-list-left.animated>*:nth-child(3){animation-delay:.2s}.stagger-list-left.animated>*:nth-child(4){animation-delay:.3s}.stagger-list-left.animated>*:nth-child(5){animation-delay:.4s}.stagger-list-left.animated>*:nth-child(6){animation-delay:.5s}.stagger-list-left.animated>*:nth-child(7){animation-delay:.6s}.stagger-list-left.animated>*:nth-child(8){animation-delay:.7s}.stagger-list-left.animated>*:nth-child(9){animation-delay:.8s}.stagger-list-left.animated>*:nth-child(10){animation-delay:.9s}.card-flip{perspective:1000px;cursor:pointer}.card-flip-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.card-flip:hover .card-flip-inner,.card-flip.flipped .card-flip-inner{transform:rotateY(180deg)}.card-flip-front,.card-flip-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:inherit}.card-flip-back{transform:rotateY(180deg)}.parallax-container{perspective:1000px}.parallax-layer{transition:transform .1s ease-out;will-change:transform}.parallax-layer-deep{transform:translateZ(-100px) scale(1.15)}.parallax-layer-mid{transform:translateZ(-50px) scale(1.07)}.parallax-layer-near{transform:translateZ(0)}.parallax-layer-front{transform:translateZ(50px) scale(.93)}.split-reveal{overflow:hidden}.split-reveal>*{display:block;transform:translateY(100%);opacity:0;transition:transform .6s cubic-bezier(.25,.46,.45,.94),opacity .3s ease}.split-reveal.revealed>*{transform:translateY(0);opacity:1}.split-reveal.revealed>*:nth-child(1){transition-delay:0ms}.split-reveal.revealed>*:nth-child(2){transition-delay:60ms}.split-reveal.revealed>*:nth-child(3){transition-delay:.12s}.split-reveal.revealed>*:nth-child(4){transition-delay:.18s}.split-reveal.revealed>*:nth-child(5){transition-delay:.24s}.count-up{display:inline-block;font-variant-numeric:tabular-nums}.typewriter{display:inline-block;border-right:2px solid var(--primary);white-space:nowrap;overflow:hidden;animation:typing 3s steps(40,end),typing-cursor .7s step-end infinite;width:0}@keyframes typing{0%{width:0}to{width:100%}}.morph-shape{transition:border-radius 1s ease,transform .8s ease}.morph-shape:hover{border-radius:20%;transform:rotate(45deg) scale(1.05)}.gradient-border-rotate{position:relative;border-radius:var(--radius-lg);overflow:hidden}.gradient-border-rotate:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;background:var(--gradient-primary);background-size:300% 300%;animation:gradient-shift 4s ease infinite,rotate-border 8s linear infinite;z-index:-1;border-radius:inherit}.gradient-border-rotate:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:var(--bg-card);border-radius:inherit;z-index:-1}.scroll-snap-x{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.scroll-snap-x>*{scroll-snap-align:start;flex-shrink:0}.scroll-snap-y{overflow-y:auto;scroll-snap-type:y mandatory}.scroll-snap-y>*{scroll-snap-align:start}.sticky-stack>*{position:sticky;top:80px;margin-bottom:20px}.img-reveal-container{position:relative;overflow:hidden}.img-reveal{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;clip-path:circle(0% at var(--reveal-x, 50%) var(--reveal-y, 50%));transition:clip-path .15s ease-out}.img-reveal-container:hover .img-reveal{clip-path:circle(100% at var(--reveal-x, 50%) var(--reveal-y, 50%))}.elastic{transition:transform .4s cubic-bezier(.68,-.55,.27,1.55)}.elastic:hover{transform:scale(1.12)}.elastic-sm:hover{transform:scale(1.06)}.elastic-lg:hover{transform:scale(1.2)}.shine{position:relative;overflow:hidden}.shine:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:skew(-25deg);transition:left .7s ease;z-index:2}.shine:hover:before{left:150%}.link-draw{position:relative;text-decoration:none;color:var(--text-primary)}.link-draw:after{content:"";position:absolute;bottom:-.15em;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s ease;opacity:.4}.link-draw:hover:after{transform:scaleX(1)}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-80{opacity:.8}.group:hover .group-hover\:opacity-50{opacity:.5}.group:hover .group-hover\:translate-y-0{transform:translateY(0)}.group:hover .group-hover\:translate-y-n2{transform:translateY(-2px)}.group:hover .group-hover\:translate-y-n4{transform:translateY(-4px)}.group:hover .group-hover\:scale-105{transform:scale(1.05)}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.group:hover .group-hover\:text-primary{color:var(--primary)}.group:hover .group-hover\:border-primary{border-color:var(--primary)}.group:hover .group-hover\:bg-primary{background-color:var(--primary)}.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:block{display:block}.group:hover .group-hover\:flex{display:flex}.sibling-fade>*{transition:opacity .3s ease}.sibling-fade:hover>*{opacity:.4}.sibling-fade:hover>*:hover{opacity:1}.sibling-scale>*{transition:transform .3s ease}.sibling-scale:hover>*{transform:scale(.95)}.sibling-scale:hover>*:hover{transform:scale(1.05)}.pull-quote{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:300;line-height:1.4;font-style:italic;color:var(--text-secondary);padding:0 24px;border-left:3px solid var(--primary);margin:40px 0}.pull-quote:before{content:open-quote;font-size:1.5em;color:var(--primary);opacity:.3}.pull-quote:after{content:close-quote;font-size:1.5em;color:var(--primary);opacity:.3}.drop-cap:first-letter{float:left;font-family:var(--font-display);font-size:4em;font-weight:800;line-height:.8;padding-right:12px;padding-top:4px;color:var(--primary)}.inline-code{padding:2px 6px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;font-family:var(--font-mono, monospace);font-size:.85em;color:var(--primary)}.code-block{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px 24px;font-family:var(--font-mono, monospace);font-size:var(--text-sm);line-height:1.7;overflow-x:auto;white-space:pre;color:var(--text-secondary);position:relative}.code-block:before{content:attr(data-lang);position:absolute;top:0;right:16px;padding:2px 8px;background:var(--bg-card);border:1px solid var(--border-color);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary);opacity:.6;text-transform:uppercase;letter-spacing:.5px}.highlight{background:linear-gradient(120deg,rgba(var(--primary-rgb),.15),rgba(var(--primary-rgb),.15));background-position:0 90%;background-repeat:no-repeat;background-size:100% 30%;padding:0 2px}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:var(--bg-card);border:1px solid var(--border-color-strong);border-bottom-width:2px;border-radius:4px;font-family:var(--font-mono, monospace);font-size:var(--text-xs);font-weight:600;color:var(--text-primary);line-height:1;box-shadow:0 1px 0 var(--border-color-strong)}.figure{margin:32px 0}.figure img{display:block;width:100%;border-radius:var(--radius-lg)}.figcaption{margin-top:10px;font-size:var(--text-xs);color:var(--text-secondary);text-align:center;font-style:italic}.step-list{counter-reset:step-list;list-style:none;padding:0}.step-list li{counter-increment:step-list;position:relative;padding-left:48px;margin-bottom:24px;min-height:36px}.step-list li:before{content:counter(step-list);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700}.step-list li:not(:last-child):after{content:"";position:absolute;left:15px;top:36px;width:2px;height:calc(100% - 12px);background:var(--border-color)}.callout{padding:20px 24px;border-radius:var(--radius-md);margin:24px 0;font-size:var(--text-sm);line-height:1.7;display:flex;gap:12px;align-items:flex-start}.callout-icon{width:20px;height:20px;flex-shrink:0;margin-top:2px}.callout-note{background:rgba(var(--primary-rgb),.05);border:1px solid rgba(var(--primary-rgb),.1);color:var(--text-primary)}.callout-tip{background:#43e97b0d;border:1px solid rgba(67,233,123,.15);color:var(--text-primary)}.callout-warning{background:#f5a6230d;border:1px solid rgba(245,166,35,.15);color:var(--text-primary)}.callout-danger{background:#f5576c0d;border:1px solid rgba(245,87,108,.15);color:var(--text-primary)}.table-wrapper{overflow-x:auto;margin:24px 0;border:1px solid var(--border-color);border-radius:var(--radius-md)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{text-align:left;padding:12px 16px;font-weight:600;color:var(--text-primary);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);white-space:nowrap}.table td{padding:12px 16px;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:rgba(var(--primary-rgb),.02)}.table-striped tr:nth-child(2n) td{background:rgba(var(--primary-rgb),.015)}.table-compact th,.table-compact td{padding:8px 12px}.checkbox-custom,.radio-custom{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--border-color-strong);border-radius:4px;background:var(--bg-card);cursor:pointer;position:relative;transition:all .2s ease;flex-shrink:0}.checkbox-custom:checked{background:var(--primary);border-color:var(--primary)}.checkbox-custom:checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.radio-custom{border-radius:50%}.radio-custom:checked{border-color:var(--primary)}.radio-custom:checked:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--primary)}.toggle-switch{position:relative;width:44px;height:24px;border-radius:12px;background:var(--border-color-strong);cursor:pointer;transition:background .3s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .3s ease;box-shadow:0 1px 3px #0003}.toggle-switch:checked{background:var(--primary)}.toggle-switch:checked:after{transform:translate(20px)}.progress-ring{transform:rotate(-90deg)}.progress-ring-circle{transition:stroke-dashoffset .8s cubic-bezier(.25,.46,.45,.94)}.img-compare{position:relative;overflow:hidden}.img-compare-before{position:absolute;top:0;left:0;width:var(--compare-position, 50%);height:100%;overflow:hidden}.img-compare-before img{position:absolute;top:0;left:0;width:var(--compare-width, 100%);height:100%;object-fit:cover}.img-compare-divider{position:absolute;top:0;bottom:0;left:var(--compare-position, 50%);width:2px;background:#fff;box-shadow:0 0 8px #0000004d;pointer-events:none}.drop-zone{border:2px dashed var(--border-color-strong);border-radius:var(--radius-lg);padding:40px;text-align:center;transition:all .3s ease;background:var(--bg-card)}.drop-zone.active{border-color:var(--primary);background:rgba(var(--primary-rgb),.04)}.drop-zone.dragover{border-color:var(--primary);background:rgba(var(--primary-rgb),.08);transform:scale(1.01)}.drop-zone-icon{font-size:40px;color:var(--primary);opacity:.5;margin-bottom:12px}.drop-zone-text{font-size:var(--text-sm);color:var(--text-secondary)}.drop-zone-text strong{color:var(--primary);cursor:pointer}.notification{padding:16px 20px;border-radius:var(--radius-md);display:flex;gap:12px;align-items:flex-start;animation:slide-down .3s ease;margin-bottom:12px}.notification-success{background:#43e97b14;border:1px solid rgba(67,233,123,.2)}.notification-error{background:#f5576c14;border:1px solid rgba(245,87,108,.2)}.notification-info{background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.2)}.notification-warning{background:#f5a62314;border:1px solid rgba(245,166,35,.2)}.notification-body{flex:1;font-size:var(--text-sm);line-height:1.6}.notification-title{font-weight:700;margin-bottom:2px}.notification-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;opacity:.5;transition:opacity .2s ease}.notification-close:hover{opacity:1}.search-input{position:relative}.search-input input{padding-left:40px;padding-right:16px;border-radius:var(--radius-full)}.search-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-secondary);opacity:.5;pointer-events:none}.search-input-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;opacity:.4;transition:opacity .2s ease}.search-input-clear:hover{opacity:.8}.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.15;pointer-events:none;z-index:0}.orb-1{width:300px;height:300px;background:var(--primary);top:10%;left:-5%;animation:float-slow 8s ease-in-out infinite}.orb-2{width:250px;height:250px;background:var(--accent);top:60%;right:-5%;animation:float-slow 10s ease-in-out infinite reverse}.orb-3{width:200px;height:200px;background:var(--primary-light);bottom:10%;left:30%;animation:float-slow 12s ease-in-out infinite}.orb-4{width:180px;height:180px;background:#f093fb;top:40%;right:20%;animation:float-slow 9s ease-in-out infinite}.grid-bg{position:relative}.grid-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(var(--primary-rgb),.03) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--primary-rgb),.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.corner-decoration{position:absolute;width:30px;height:30px;pointer-events:none}.corner-decoration:before,.corner-decoration:after{content:"";position:absolute;background:var(--primary)}.corner-decoration.tl{top:10px;left:10px}.corner-decoration.tr{top:10px;right:10px}.corner-decoration.bl{bottom:10px;left:10px}.corner-decoration.br{bottom:10px;right:10px}.corner-decoration.tl:before,.corner-decoration.tr:before{width:100%;height:2px;top:0}.corner-decoration.bl:before,.corner-decoration.br:before{width:100%;height:2px;bottom:0}.corner-decoration.tl:after,.corner-decoration.bl:after{width:2px;height:100%;left:0}.corner-decoration.tr:after,.corner-decoration.br:after{width:2px;height:100%;right:0}.circle-pulse{position:absolute;border-radius:50%;border:1px solid rgba(var(--primary-rgb),.3);animation:pulse-ring 3s cubic-bezier(.25,.46,.45,.94) infinite}.diamond{width:12px;height:12px;background:var(--primary);transform:rotate(45deg);border-radius:2px}.diamond-outline{width:16px;height:16px;border:2px solid var(--primary);transform:rotate(45deg);border-radius:2px;background:transparent}.plus-sign{position:relative;width:16px;height:16px}.plus-sign:before,.plus-sign:after{content:"";position:absolute;background:var(--primary)}.plus-sign:before{width:100%;height:2px;top:50%;transform:translateY(-50%)}.plus-sign:after{width:2px;height:100%;left:50%;transform:translate(-50%)}.accent-line{width:60px;height:3px;background:var(--gradient-primary);border-radius:var(--radius-full)}.circle-accent{width:10px;height:10px;border-radius:50%;background:var(--primary);display:inline-block}.circle-accent-outline{width:14px;height:14px;border-radius:50%;border:2px solid var(--primary);background:transparent;display:inline-block}.dash-list{list-style:none;padding:0}.dash-list li{position:relative;padding-left:20px;margin-bottom:10px;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.7}.dash-list li:before{content:"";position:absolute;left:0;top:10px;width:8px;height:2px;background:var(--primary);border-radius:var(--radius-full)}.number-list{list-style:none;padding:0;counter-reset:item}.number-list li{position:relative;padding-left:40px;margin-bottom:16px;counter-increment:item}.number-list li:before{content:counter(item);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-cloud-item{padding:6px 16px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);transition:all var(--transition-fast)}.tag-cloud-item:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px)}.tag-cloud-item.lg{font-size:var(--text-base);padding:8px 20px}.tag-cloud-item.md{font-size:var(--text-sm);padding:6px 16px}.tag-cloud-item.sm{font-size:var(--text-xs);padding:4px 12px}.highlight-box{padding:24px;border-radius:var(--radius-lg);border-left:4px solid var(--primary);background:rgba(var(--primary-rgb),.05);margin:24px 0}.highlight-box.info{border-left-color:var(--info);background:#4facfe0d}.highlight-box.success{border-left-color:var(--success);background:#43e97b0d}.highlight-box.warning{border-left-color:var(--warning);background:#f5a6230d}.highlight-box.error{border-left-color:var(--error);background:#f5576c0d}.steps{display:flex;gap:0;position:relative}.step{flex:1;text-align:center;position:relative;padding-top:32px}.step:before{content:"";position:absolute;top:12px;left:50%;width:24px;height:24px;border-radius:50%;background:var(--bg-tertiary);border:2px solid var(--border-color-strong);transform:translate(-50%);z-index:1;transition:all var(--transition-base)}.step:after{content:"";position:absolute;top:23px;left:0;width:100%;height:2px;background:var(--border-color)}.step:first-child:after{left:50%;width:50%}.step:last-child:after{width:50%}.step.completed:before{background:var(--primary);border-color:var(--primary)}.step.completed:after{background:var(--primary)}.step.active:before{border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.2)}.step-label{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);margin-top:4px}.step.completed .step-label,.step.active .step-label{color:var(--primary)}.marquee{overflow:hidden;white-space:nowrap;position:relative;padding:12px 0}.marquee-inner{display:inline-block;animation:marquee 20s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.watermark{position:absolute;font-size:12vw;font-weight:900;color:rgba(var(--primary-rgb),.02);white-space:nowrap;pointer-events:none;z-index:0;font-family:var(--font-display);text-transform:uppercase;letter-spacing:10px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.feature-item{padding:32px 24px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);text-align:center;transition:all var(--transition-base)}.feature-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.feature-icon{width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:28px}.feature-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;margin-bottom:8px}.feature-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.orb-primary{background:var(--primary)}.orb-accent{background:var(--accent)}.orb-gradient{background:var(--gradient-primary);filter:blur(50px)}.orb-5{width:150px;height:150px;background:#667eea;top:20%;left:50%;animation:float-slow 14s ease-in-out infinite}.orb-6{width:220px;height:220px;background:#764ba2;bottom:5%;left:60%;animation:float-slow 11s ease-in-out infinite reverse}.animated-border-box{position:relative;overflow:hidden}.animated-border-box:before{content:"";position:absolute;top:var(--border-progress, 0);left:0;width:100%;height:2px;background:var(--gradient-primary);transition:top .1s linear}.animated-border-drawing{position:relative}.animated-border-drawing svg{position:absolute;top:0;left:0;width:100%;height:100%}.animated-border-drawing svg rect{fill:none;stroke:var(--primary);stroke-width:2;stroke-dasharray:1000;stroke-dashoffset:1000;animation:border-draw 3s ease forwards}@keyframes border-draw{to{stroke-dashoffset:0}}.section-number{font-family:var(--font-mono, monospace);font-size:var(--text-sm);color:var(--primary);opacity:.7;font-weight:500;letter-spacing:1px}.section-number:before{content:"0"}.vertical-label{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-mono, monospace);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:4px;color:var(--text-secondary);opacity:.5}.vertical-label-left{writing-mode:vertical-lr;text-orientation:mixed}.gradient-separator{width:100%;height:1px;background:linear-gradient(to right,transparent 0%,var(--primary) 20%,var(--accent) 50%,var(--primary) 80%,transparent 100%);opacity:.2}.gradient-separator-vertical{width:1px;height:100%;background:linear-gradient(to bottom,transparent 0%,var(--primary) 20%,var(--accent) 50%,var(--primary) 80%,transparent 100%);opacity:.2}.bracket{position:relative;display:inline-block;padding:0 12px}.bracket:before,.bracket:after{content:"";position:absolute;top:50%;width:8px;height:60%;transform:translateY(-50%);border-color:var(--primary);border-style:solid;opacity:.4}.bracket:before{left:0;border-width:1px 0 1px 1px}.bracket:after{right:0;border-width:1px 1px 1px 0}.arrow-right{display:inline-block;width:20px;height:1px;background:var(--primary);position:relative;vertical-align:middle;margin-left:8px;opacity:.5}.arrow-right:after{content:"";position:absolute;right:-1px;top:50%;width:6px;height:6px;border-top:1px solid var(--primary);border-right:1px solid var(--primary);transform:translateY(-50%) rotate(45deg)}.arrow-left{display:inline-block;width:20px;height:1px;background:var(--primary);position:relative;vertical-align:middle;margin-right:8px;opacity:.5}.arrow-left:before{content:"";position:absolute;left:-1px;top:50%;width:6px;height:6px;border-top:1px solid var(--primary);border-left:1px solid var(--primary);transform:translateY(-50%) rotate(-45deg)}.arrow-down{display:block;width:1px;height:20px;background:var(--primary);position:relative;margin:8px auto;opacity:.5}.arrow-down:after{content:"";position:absolute;bottom:-1px;left:50%;width:6px;height:6px;border-bottom:1px solid var(--primary);border-right:1px solid var(--primary);transform:translate(-50%) rotate(45deg)}.pattern-chevron{background-color:var(--bg-primary);background-image:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(var(--primary-rgb),.02) 20px,rgba(var(--primary-rgb),.02) 40px)}.pattern-crosshatch{background-image:repeating-linear-gradient(0deg,transparent,transparent 8px,rgba(var(--primary-rgb),.02) 8px,rgba(var(--primary-rgb),.02) 9px),repeating-linear-gradient(90deg,transparent,transparent 8px,rgba(var(--primary-rgb),.02) 8px,rgba(var(--primary-rgb),.02) 9px)}.pattern-zigzag{background:linear-gradient(135deg,var(--bg-primary) 25%,transparent 25%) -10px 0,linear-gradient(225deg,var(--bg-primary) 25%,transparent 25%) -10px 0,linear-gradient(315deg,var(--bg-primary) 25%,transparent 25%),linear-gradient(45deg,var(--bg-primary) 25%,transparent 25%);background-size:20px 20px;background-color:rgba(var(--primary-rgb),.02)}.pattern-polka{background-image:radial-gradient(rgba(var(--primary-rgb),.04) 1px,transparent 1px);background-size:16px 16px}.pattern-polka-lg{background-image:radial-gradient(rgba(var(--primary-rgb),.04) 2px,transparent 2px);background-size:32px 32px}.card-hover-lift{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.card-hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026;border-color:var(--primary)}.card-hover-scale{transition:transform .35s ease,box-shadow .35s ease}.card-hover-scale:hover{transform:scale(1.03);box-shadow:var(--shadow-xl)}.card-hover-border{border:1px solid var(--border-color);transition:border-color .35s ease,box-shadow .35s ease}.card-hover-border:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.card-hover-glow{transition:box-shadow .35s ease}.card-hover-glow:hover{box-shadow:0 0 40px rgba(var(--primary-rgb),.15),var(--shadow-lg)}.avatar-group{display:flex;align-items:center}.avatar-group>*{border:2px solid var(--bg-card);border-radius:50%;margin-left:-10px;transition:transform .2s ease}.avatar-group>*:first-child{margin-left:0}.avatar-group>*:hover{transform:translateY(-4px);z-index:1}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;line-height:1.5}.badge-primary{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.badge-accent{background:rgba(var(--accent-rgb, 72, 198, 239),.1);color:var(--accent)}.badge-success{background:#43e97b1a;color:var(--success)}.badge-warning{background:#f5a6231a;color:var(--warning)}.badge-error{background:#f5576c1a;color:var(--error)}.badge-outline{background:transparent;border:1px solid var(--border-color-strong);color:var(--text-secondary)}.badge-dot{position:relative;padding-left:16px}.badge-dot:before{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:currentColor}.stat-card{text-align:center;padding:24px}.stat-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;line-height:1;margin-bottom:4px;color:var(--text-primary)}.stat-value .stat-suffix{color:var(--primary);font-size:.6em}.stat-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:500}.stat-trend-up{color:var(--success);font-size:var(--text-xs);font-weight:600}.stat-trend-down{color:var(--error);font-size:var(--text-xs);font-weight:600}.blockquote{position:relative;padding:24px 32px;border-left:3px solid var(--primary);background:rgba(var(--primary-rgb),.03);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:24px 0}.blockquote:before{content:"“";position:absolute;top:-10px;left:12px;font-size:60px;font-family:Georgia,serif;color:var(--primary);opacity:.2;line-height:1}.blockquote p{font-style:italic;font-size:var(--text-base);line-height:1.8;color:var(--text-secondary)}.blockquote cite{display:block;margin-top:12px;font-style:normal;font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.timeline{position:relative;padding-left:32px}.timeline:before{content:"";position:absolute;left:8px;top:4px;bottom:4px;width:1px;background:var(--border-color-strong)}.timeline-item{position:relative;margin-bottom:32px;padding-bottom:0}.timeline-item:last-child{margin-bottom:0}.timeline-item:before{content:"";position:absolute;left:-28px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--bg-card);border:2px solid var(--primary);z-index:1}.timeline-item.active:before{background:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.15)}.timeline-date{font-size:var(--text-xs);color:var(--primary);font-weight:600;margin-bottom:4px;font-family:var(--font-mono, monospace);letter-spacing:.5px}.timeline-title{font-size:var(--text-base);font-weight:700;margin-bottom:4px;color:var(--text-primary)}.timeline-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;align-items:start}.pricing-card{padding:40px 32px;border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--border-color);text-align:center;transition:all .3s ease;position:relative}.pricing-card.popular{border-color:var(--primary);box-shadow:0 0 30px rgba(var(--primary-rgb),.1);transform:scale(1.03)}.pricing-card.popular:before{content:"Popular";position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:4px 16px;background:var(--primary);color:#fff;font-size:var(--text-xs);font-weight:700;border-radius:var(--radius-full)}.pricing-name{font-size:var(--text-lg);font-weight:700;margin-bottom:8px}.pricing-price{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:800;margin-bottom:4px}.pricing-price span{font-size:var(--text-base);font-weight:400;color:var(--text-secondary)}.pricing-period{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:24px}.pricing-features{list-style:none;padding:0;margin:0 0 28px;text-align:left}.pricing-features li{padding:8px 0;font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.pricing-features li:last-child{border-bottom:none}.pricing-features li:before{content:"✓";margin-right:8px;color:var(--success);font-weight:700}.cta-banner{position:relative;padding:60px 40px;border-radius:var(--radius-xl);background:var(--gradient-primary);text-align:center;overflow:hidden;isolation:isolate}.cta-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.1) 0%,transparent 60%);z-index:-1}.cta-banner h2{color:#fff;font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;margin-bottom:12px}.cta-banner p{color:#ffffffd9;font-size:var(--text-lg);margin-bottom:28px;max-width:500px;margin-left:auto;margin-right:auto}.testimonial-card{padding:32px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);position:relative}.testimonial-card:before{content:"“";position:absolute;top:16px;left:20px;font-size:72px;font-family:Georgia,serif;color:var(--primary);opacity:.1;line-height:1}.testimonial-text{font-size:var(--text-base);font-style:italic;line-height:1.8;color:var(--text-secondary);margin-bottom:20px;padding-top:12px}.testimonial-author{display:flex;align-items:center;gap:12px}.testimonial-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.testimonial-name{font-weight:700;font-size:var(--text-sm);color:var(--text-primary)}.testimonial-role{font-size:var(--text-xs);color:var(--text-secondary)}.social-links{display:flex;gap:12px;align-items:center}.social-link{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);transition:all .25s ease;font-size:18px;text-decoration:none}.social-link:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-3px);box-shadow:0 8px 20px rgba(var(--primary-rgb),.25)}.section-label{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--primary);margin-bottom:12px}.section-label:before{content:"";width:20px;height:1px;background:var(--primary);opacity:.5}.section-label:after{content:"";width:20px;height:1px;background:var(--primary);opacity:.5}.empty-state{text-align:center;padding:60px 24px}.empty-state-icon{width:80px;height:80px;border-radius:50%;background:rgba(var(--primary-rgb),.05);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:32px;color:var(--primary);opacity:.5}.empty-state-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;margin-bottom:8px;color:var(--text-primary)}.empty-state-desc{font-size:var(--text-sm);color:var(--text-secondary);max-width:400px;margin:0 auto;line-height:1.7}.icon-text{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--text-secondary)}.icon-text-icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:rgba(var(--primary-rgb),.06);color:var(--primary);font-size:16px;flex-shrink:0}.info-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border-color)}.info-row:last-child{border-bottom:none}.info-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.info-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.skill-bar-container{width:100%}.skill-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.skill-bar-label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.skill-bar-percent{font-size:var(--text-xs);color:var(--text-secondary);font-family:var(--font-mono, monospace)}.skill-bar-track{width:100%;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.skill-bar-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width 1s cubic-bezier(.25,.46,.45,.94);width:var(--skill-level, 0%)}.ribbon{position:absolute;top:16px;right:-6px;padding:4px 16px;background:var(--primary);color:#fff;font-size:var(--text-xs);font-weight:700;border-radius:var(--radius-sm) 0 0 var(--radius-sm);box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}.ribbon:after{content:"";position:absolute;right:0;bottom:-6px;width:0;height:0;border-left:6px solid transparent;border-top:6px solid color-mix(in srgb,var(--primary) 70%,black)}.ribbon-left{right:auto;left:-6px;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.ribbon-left:after{right:auto;left:0;border-left:none;border-right:6px solid transparent}.floating-label{position:absolute;top:-12px;left:16px;padding:2px 10px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);white-space:nowrap}.gradient-text-block{background:var(--gradient-primary);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text-gradient-shift 4s ease infinite}.number-highlight{display:inline-flex;align-items:baseline;gap:2px}.number-highlight-value{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:800;line-height:1;color:var(--primary)}.number-highlight-suffix{font-size:var(--text-lg);font-weight:700;color:var(--primary)}.number-highlight-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;display:block;margin-top:4px}.glowing-dot{width:8px;height:8px;border-radius:50%;background:var(--success);position:relative;display:inline-block}.glowing-dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:var(--success);animation:pulse-ring 2s cubic-bezier(.25,.46,.45,.94) infinite;opacity:.6}.glowing-dot.warning{background:var(--warning)}.glowing-dot.warning:after{background:var(--warning)}.glowing-dot.error{background:var(--error)}.glowing-dot.error:after{background:var(--error)}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.scroll-indicator-mouse{width:26px;height:40px;border:2px solid var(--text-secondary);border-radius:14px;position:relative;opacity:.4}.scroll-indicator-mouse:after{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:3px;height:8px;background:var(--text-secondary);border-radius:2px;animation:scroll-wheel 2s ease-in-out infinite}@keyframes scroll-wheel{0%,to{opacity:1;transform:translate(-50%) translateY(0)}50%{opacity:.3;transform:translate(-50%) translateY(8px)}}.scroll-indicator-text{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;opacity:.5}.breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:var(--text-sm)}.breadcrumb-item{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.breadcrumb-item:hover{color:var(--primary)}.breadcrumb-item.active{color:var(--text-primary);font-weight:600}.breadcrumb-separator{color:var(--border-color-strong);font-size:var(--text-xs);-webkit-user-select:none;user-select:none}.card-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media (max-width: 1024px){.card-grid-3,.card-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.card-grid-2,.card-grid-3,.card-grid-4{grid-template-columns:1fr}}.masonry{column-count:3;column-gap:24px}.masonry-2{column-count:2}.masonry-4{column-count:4}.masonry>*{break-inside:avoid;margin-bottom:24px}@media (max-width: 1024px){.masonry,.masonry-4{column-count:2}}@media (max-width: 640px){.masonry,.masonry-2,.masonry-4{column-count:1}}.section-full{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.section-contained{max-width:var(--container-max-width, 1200px);margin-left:auto;margin-right:auto;padding-left:var(--container-padding, 24px);padding-right:var(--container-padding, 24px)}.hero-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:80vh}.hero-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:80vh;padding:60px 24px}.hero-media{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}@media (max-width: 768px){.hero-split{grid-template-columns:1fr;gap:40px;text-align:center}}.layout-sidebar{display:grid;grid-template-columns:280px 1fr;gap:40px;min-height:100vh}.layout-sidebar-right{display:grid;grid-template-columns:1fr 280px;gap:40px}@media (max-width: 1024px){.layout-sidebar,.layout-sidebar-right{grid-template-columns:1fr}}.sidebar-sticky{position:sticky;top:100px;align-self:start}.content-columns-2{column-count:2;column-gap:40px}.content-columns-2>*{break-inside:avoid}@media (max-width: 768px){.content-columns-2{column-count:1}}.project-card{border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);border:1px solid var(--border-color);transition:all .35s ease}.project-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--primary)}.project-card-image{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block}.project-card-body{padding:24px}.project-card-category{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--primary);margin-bottom:8px}.project-card-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;margin-bottom:8px;line-height:1.3}.project-card-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7;margin-bottom:16px}.project-card-tags{display:flex;flex-wrap:wrap;gap:6px}.project-card-tag{padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);background:rgba(var(--primary-rgb),.06);color:var(--primary);font-weight:500}.post-card{display:grid;grid-template-columns:200px 1fr;gap:24px;padding:24px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);transition:all .3s ease}.post-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.post-card-image{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius-md)}.post-card-content{display:flex;flex-direction:column;justify-content:center}.post-card-meta{display:flex;gap:16px;font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:8px}.post-card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;margin-bottom:8px;line-height:1.4}.post-card-excerpt{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 640px){.post-card{grid-template-columns:1fr}}.form-group{margin-bottom:20px}.form-label{display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:6px;color:var(--text-primary)}.form-label-required:after{content:"*";color:var(--error);margin-left:2px}.form-input,.form-textarea,.form-select{width:100%;padding:10px 14px;font-size:var(--text-sm);font-family:inherit;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease;outline:none}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.form-input.error,.form-textarea.error{border-color:var(--error)}.form-input.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 3px #f5576c1a}.form-textarea{resize:vertical;min-height:120px}.form-hint{font-size:var(--text-xs);color:var(--text-secondary);margin-top:4px}.form-error{font-size:var(--text-xs);color:var(--error);margin-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 640px){.form-row{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;font-family:inherit;border:1px solid transparent;cursor:pointer;transition:all .25s ease;text-decoration:none;line-height:1.5;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-dark, var(--primary));filter:brightness(.9);transform:translateY(-1px);box-shadow:0 4px 15px rgba(var(--primary-rgb),.3)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-color-strong);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--primary);border-color:var(--primary)}.btn-outline:hover:not(:disabled){background:var(--primary);color:#fff;box-shadow:0 4px 15px rgba(var(--primary-rgb),.25)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn-sm{padding:6px 14px;font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-lg{padding:14px 32px;font-size:var(--text-base);border-radius:var(--radius-lg)}.btn-xl{padding:16px 40px;font-size:var(--text-lg);border-radius:var(--radius-lg)}.btn-pill{border-radius:var(--radius-full)}.btn-icon{width:40px;height:40px;padding:0;border-radius:50%}.btn-icon-sm{width:32px;height:32px}.btn-icon-lg{width:48px;height:48px}.btn-block{width:100%}.btn-loading{position:relative;color:transparent!important}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin-slow .6s linear infinite}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal, 1000);padding:24px;animation:fade-in .2s ease}.modal-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:32px;max-width:560px;width:100%;max-height:90vh;overflow-y:auto;animation:scale-in .3s ease;box-shadow:var(--shadow-xl)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700}.modal-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:18px}.modal-close:hover{background:var(--error);color:#fff}.modal-footer{margin-top:24px;display:flex;justify-content:flex-end;gap:12px}.tabs{display:flex;border-bottom:1px solid var(--border-color);gap:0;margin-bottom:24px}.tab{padding:10px 20px;border:none;background:none;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;margin-bottom:-1px;font-family:inherit}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.tabs-pills{border-bottom:none;gap:8px}.tabs-pills .tab{border-radius:var(--radius-full);padding:8px 18px;border:1px solid var(--border-color);margin-bottom:0}.tabs-pills .tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.accordion{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.accordion-item{border-bottom:1px solid var(--border-color)}.accordion-item:last-child{border-bottom:none}.accordion-trigger{width:100%;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:none;font-size:var(--text-sm);font-weight:600;color:var(--text-primary);cursor:pointer;font-family:inherit;text-align:left;transition:background .2s ease}.accordion-trigger:hover{background:var(--bg-tertiary)}.accordion-arrow{transition:transform .3s ease;font-size:12px;color:var(--text-secondary)}.accordion-item.open .accordion-arrow{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease}.accordion-item.open .accordion-content{max-height:1000px}.accordion-body{padding:0 20px 20px;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.tooltip-top:after{bottom:100%;left:50%;transform:translate(-50%) translateY(-6px)}.tooltip-bottom:after{top:100%;bottom:auto;left:50%;transform:translate(-50%) translateY(6px)}.tooltip-left:after{right:100%;bottom:auto;left:auto;top:50%;transform:translateY(-50%) translate(-6px)}.tooltip-right:after{left:100%;bottom:auto;top:50%;transform:translateY(-50%) translate(6px)}.tooltip-top:hover:after{transform:translate(-50%) translateY(-2px)}.tooltip-bottom:hover:after{transform:translate(-50%) translateY(2px)}.tooltip-left:hover:after{transform:translateY(-50%) translate(-2px)}.tooltip-right:hover:after{transform:translateY(-50%) translate(2px)}.chip-group{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);transition:all .2s ease}.chip:hover{border-color:var(--primary);color:var(--primary);background:rgba(var(--primary-rgb),.04)}.chip-active{background:rgba(var(--primary-rgb),.1);color:var(--primary);border-color:var(--primary)}.chip-removable{cursor:pointer}.chip-remove{width:14px;height:14px;border-radius:50%;border:none;background:var(--border-color-strong);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;padding:0;transition:all .2s ease}.chip-remove:hover{background:var(--error);color:#fff}.input-group{display:flex;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);transition:border-color .2s ease}.input-group:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.input-group .form-input{border:none;border-radius:0;flex:1}.input-group .form-input:focus{box-shadow:none}.input-group-addon{display:flex;align-items:center;padding:0 14px;background:var(--bg-tertiary);font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;border-right:1px solid var(--border-color)}.input-group-addon-right{border-right:none;border-left:1px solid var(--border-color)}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.avatar-sm{width:28px;height:28px}.avatar-md{width:48px;height:48px}.avatar-lg{width:72px;height:72px}.avatar-xl{width:120px;height:120px}.avatar-square{border-radius:var(--radius-md)}.avatar-initials{display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-weight:700;font-size:var(--text-sm);-webkit-user-select:none;user-select:none}.avatar-online,.avatar-offline,.avatar-busy{position:relative}.avatar-online:after,.avatar-offline:after,.avatar-busy:after{content:"";position:absolute;bottom:1px;right:1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-card)}.avatar-online:after{background:var(--success)}.avatar-offline:after{background:var(--border-color-strong)}.avatar-busy:after{background:var(--warning)}.progress{width:100%;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-sm{height:3px}.progress-lg{height:12px}.progress-fill{height:100%;background:var(--primary);border-radius:var(--radius-full);transition:width .5s ease}.progress-fill-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:16px 16px}.progress-fill-animated{animation:progress-stripe 1s linear infinite}@keyframes progress-stripe{0%{background-position:0 0}to{background-position:16px 0}}.progress-indeterminate{position:relative}.progress-indeterminate .progress-fill{position:absolute;animation:progress-indeterminate 1.5s ease-in-out infinite;width:40%;min-width:60px}@keyframes progress-indeterminate{0%{left:-40%}to{left:100%}}.file-upload-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-top:12px}.file-upload-thumb{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);background:var(--bg-tertiary)}.file-upload-thumb img{width:100%;height:100%;object-fit:cover}.file-upload-thumb-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:none;background:#0009;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;opacity:0;transition:opacity .2s ease}.file-upload-thumb:hover .file-upload-thumb-remove{opacity:1}.rating{display:inline-flex;gap:2px}.rating-star{color:var(--border-color-strong);font-size:var(--text-lg);cursor:pointer;transition:color .2s ease,transform .2s ease}.rating-star:hover{transform:scale(1.2)}.rating-star.filled{color:var(--warning, #f5a623)}.rating-star.half{position:relative;color:var(--border-color-strong)}.rating-star.half:before{content:attr(data-star);position:absolute;left:0;width:50%;overflow:hidden;color:var(--warning, #f5a623)}.kanban{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;align-items:start}.kanban-column{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:16px}.kanban-column-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.kanban-column-title{font-weight:700;font-size:var(--text-sm);display:flex;align-items:center;gap:8px}.kanban-column-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:var(--radius-full);background:var(--border-color);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);padding:0 6px}.kanban-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px;margin-bottom:10px;cursor:grab;transition:all .2s ease;font-size:var(--text-sm)}.kanban-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.kanban-card:active{cursor:grabbing;box-shadow:var(--shadow-lg)}.color-swatch{display:inline-flex;align-items:center;gap:8px}.color-swatch-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-color);flex-shrink:0}.color-swatch-label{font-size:var(--text-xs);color:var(--text-secondary);font-family:var(--font-mono, monospace)}.skeleton-card{padding:24px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color)}.skeleton-card-image{width:100%;height:160px;border-radius:var(--radius-md);background:var(--bg-tertiary);animation:skeleton-pulse 2s ease-in-out infinite;margin-bottom:16px}.skeleton-card-line{height:14px;border-radius:4px;background:var(--bg-tertiary);animation:skeleton-pulse 2s ease-in-out infinite;margin-bottom:10px}.skeleton-card-line:last-child{width:60%;margin-bottom:0}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}.divider-text{display:flex;align-items:center;gap:16px;margin:32px 0;font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:600}.divider-text:before,.divider-text:after{content:"";flex:1;height:1px;background:var(--border-color)}.cookie-banner{position:fixed;bottom:0;left:0;right:0;padding:16px 24px;background:var(--bg-card);border-top:1px solid var(--border-color);box-shadow:var(--shadow-lg);z-index:9000;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;animation:slide-up .3s ease}.cookie-banner-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;flex:1;min-width:200px}.cookie-banner-actions{display:flex;gap:10px;flex-shrink:0}.newsletter-form{display:flex;gap:8px;max-width:440px}.newsletter-form .form-input{flex:1;border-radius:var(--radius-full)}.newsletter-form .btn{border-radius:var(--radius-full);flex-shrink:0}@media (max-width: 480px){.newsletter-form{flex-direction:column}}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}@media (max-width: 1024px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.footer-grid{grid-template-columns:1fr;gap:32px}}.footer-col-title{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;color:var(--text-primary)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:8px}.footer-links a{font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--primary)}.footer-bottom{margin-top:40px;padding-top:24px;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:var(--text-xs);color:var(--text-secondary)}.page-loader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:10000;transition:opacity .4s ease}.page-loader.hidden{opacity:0;pointer-events:none}.page-loader-logo{animation:breathe 1.5s ease-in-out infinite}.scroll-top-btn{position:fixed;bottom:32px;right:32px;width:44px;height:44px;border-radius:50%;background:var(--primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(var(--primary-rgb),.3);z-index:9990;transition:all .3s ease;opacity:0;transform:translateY(20px);pointer-events:none}.scroll-top-btn.visible{opacity:1;transform:translateY(0);pointer-events:auto}.scroll-top-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(var(--primary-rgb),.4)}@media (max-width: 1024px){:root{--section-padding: 80px 0;--navbar-height: 70px;--text-5xl: 2.5rem}.container{padding:0 var(--space-xl)}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.section-title{font-size:var(--text-4xl)}}@media (max-width: 768px){:root{--section-padding: 64px 0;--navbar-height: 64px;--text-5xl: 2rem;--text-4xl: 1.75rem;--text-3xl: 1.5rem;--text-2xl: 1.25rem}.container{padding:0 var(--space-lg)}.section{padding:var(--section-padding)}.section-header{margin-bottom:var(--space-2xl)}.section-title{font-size:var(--text-3xl)}.section-description{font-size:var(--text-base)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:var(--space-lg)}.navbar-links{display:none}.navbar-mobile-toggle{display:flex}.navbar .btn{display:none}.hero{min-height:100vh;padding-top:var(--navbar-height)}.hero-content{text-align:center}.hero-greeting{font-size:var(--text-base)}.hero-name{font-size:clamp(2.2rem,7vw,var(--text-5xl))}.hero-description{margin:0 auto var(--space-2xl);font-size:var(--text-base);line-height:1.7}.hero-cta,.hero-socials{justify-content:center}.hero-typed-wrapper{justify-content:center;height:40px}.hero-typed{font-size:var(--text-lg)}.hero-scroll-indicator{bottom:20px}.about-grid{grid-template-columns:1fr;gap:var(--space-2xl)}.about-image-wrapper{max-width:280px;margin:0 auto}.about-content .section-header{text-align:center}.about-bio{font-size:var(--text-base)}.about-info-grid,.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.stat-card{padding:var(--space-lg) var(--space-md)}.stat-number{font-size:var(--text-3xl)}.skills-content{grid-template-columns:1fr;gap:var(--space-xl)}.skills-radar{order:-1;margin:0 auto;max-width:280px}.skills-categories{gap:6px;margin-bottom:var(--space-xl)}.skills-category-btn{min-width:auto;padding:10px 14px;font-size:var(--text-xs)}.experience-timeline{padding-left:0}.experience-line{display:none}.experience-card{width:100%!important;margin:0 0 var(--space-xl) 0!important;padding:0!important}.experience-dot{display:none}.experience-card .glass{padding:var(--space-lg)}.projects-grid{grid-template-columns:1fr}.project-filters{gap:6px;margin-bottom:var(--space-xl)}.project-card h3{font-size:var(--text-lg)}.services-grid{grid-template-columns:1fr}.service-card{padding:28px 20px}.blog-section .grid-3{grid-template-columns:1fr;gap:var(--space-lg)}.contact-grid{grid-template-columns:1fr;gap:var(--space-xl)}.contact-grid>div:first-child{order:1}.contact-form .glass{padding:24px 20px}.footer{padding:48px 0 24px}.footer-grid{grid-template-columns:1fr;gap:var(--space-xl)}.footer-brand{text-align:center}.footer-description{max-width:100%}.footer-socials{justify-content:center}.footer-links,.footer-services,.footer-newsletter{text-align:center}.footer-newsletter-form{flex-direction:column;align-items:center}.footer-input{width:100%}.footer-bottom{flex-direction:column;gap:var(--space-md);text-align:center}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-table-wrapper{margin:0 -var(--space-lg)}.btn-lg{padding:14px 26px;font-size:var(--text-base)}body{cursor:auto}a,button,[data-magnetic]{cursor:pointer}input,textarea,select,button{font-size:16px!important}}@media (max-width: 480px){:root{--section-padding: 48px 0}.hero-name{font-size:clamp(1.8rem,8vw,2.5rem)}.hero-cta{flex-direction:column;gap:var(--space-md);width:100%}.hero-cta .btn{width:100%;justify-content:center}.hero-socials{gap:var(--space-sm)}.hero-social-link{width:40px;height:40px;font-size:var(--text-base)}.about-info-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr;gap:var(--space-sm)}.skills-category-btn{padding:8px 12px;gap:4px}.skills-category-btn svg{width:16px;height:16px}.section{padding:48px 0}.section-header{margin-bottom:var(--space-xl)}.section-title{font-size:var(--text-2xl)}.admin-stats-grid{grid-template-columns:1fr}.footer-social-link{width:36px;height:36px}}@media print{.navbar,.footer,.custom-cursor,.scroll-progress,.scroll-to-top,.hero-canvas,.particle-field,.preloader,.hero-scroll-indicator{display:none!important}body{background:#fff;color:#000;cursor:auto}.section{padding:20px 0;break-inside:avoid}}