*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--breakpoint-mobile: 480px;--breakpoint-tablet-small: 768px;--breakpoint-tablet-large: 1024px;--breakpoint-desktop: 1440px;--font-size-xs: clamp(.75rem, .7rem + .25vw, .875rem);--font-size-sm: clamp(.875rem, .8rem + .375vw, 1rem);--font-size-base: clamp(1rem, .95rem + .25vw, 1.125rem);--font-size-lg: clamp(1.125rem, 1rem + .625vw, 1.5rem);--font-size-xl: clamp(1.25rem, 1.1rem + .75vw, 1.875rem);--font-size-2xl: clamp(1.5rem, 1.3rem + 1vw, 2.25rem);--font-size-3xl: clamp(2rem, 1.7rem + 1.5vw, 3rem);--font-size-4xl: clamp(2.5rem, 2rem + 2.5vw, 4rem);--spacing-xs: clamp(.25rem, .2rem + .25vw, .5rem);--spacing-sm: clamp(.5rem, .4rem + .5vw, 1rem);--spacing-md: clamp(1rem, .8rem + 1vw, 2rem);--spacing-lg: clamp(1.5rem, 1.2rem + 1.5vw, 3rem);--spacing-xl: clamp(2rem, 1.6rem + 2vw, 4rem);--spacing-2xl: clamp(3rem, 2.4rem + 3vw, 5rem);--container-sm: 100%;--container-md: 100%;--container-lg: 1200px;--container-xl: 1400px;--container-2xl: 1600px;--padding-container-mobile: clamp(1rem, 4vw, 2rem);--padding-container-tablet: clamp(2rem, 5vw, 3rem);--padding-container-desktop: clamp(3rem, 6vw, 4rem);--app-background: #060b19;--accent: #38bdf8;--accent-hover: #0ea5e9;--accent-rgb: 56, 189, 248}[data-theme=light]{color-scheme:light;color:#0f172a;background-color:#f8fafc;--bg: #f8fafc;--surface: #ffffff;--surface-alt: #f1f5f9;--border: #cbd5e1;--text: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--accent: #0284c7;--accent-hover: #0369a1;--accent-soft: rgba(2, 132, 199, .08);--accent-rgb: 2, 132, 199;--app-background: var(--bg);--app-text: var(--text);--app-text-secondary: var(--text-secondary);--app-text-tertiary: var(--text-muted);--header-bg: var(--surface);--header-text: var(--text);--header-border: var(--border);--header-shadow: rgba(0, 0, 0, .06);--card-bg: var(--surface);--card-bg-hover: var(--surface-alt);--card-border: var(--border);--card-shadow: 0 4px 12px rgba(148, 163, 184, .06);--card-shadow-hover: 0 8px 24px rgba(148, 163, 184, .12);--accent-glow: 0 0 15px rgba(2, 132, 199, .2);--section-bg: var(--bg);--section-bg-alt: var(--surface-alt);--section-border: var(--border);--btn-bg: var(--surface);--btn-bg-hover: var(--surface-alt);--btn-text: var(--text);--btn-border: var(--border);--input-bg: var(--surface);--input-border: var(--border);--input-border-focus: var(--accent);--input-text: var(--text);--input-placeholder: var(--text-muted);--footer-bg: var(--surface-alt);--footer-text: var(--text);--footer-border: var(--border);--accent-primary: var(--accent);--accent-primary-hover: var(--accent-hover);--accent-secondary: var(--accent-hover);--accent-gradient: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);--border-color: var(--border);--divider-color: var(--border);--overlay-bg: rgba(248, 250, 252, .97);--backdrop-blur: blur(20px);--hero-overlay: linear-gradient(135deg, rgba(248, 250, 252, .92) 0%, rgba(241, 245, 249, .92) 100%);--hero-overlay-extra: linear-gradient(135deg, rgba(248, 250, 252, .88) 0%, rgba(241, 245, 249, .88) 100%);--theme-toggle-bg: linear-gradient(to right, #e2e8f0, #cbd5e1);--theme-toggle-thumb-bg: var(--surface);--theme-toggle-border: var(--border);--theme-toggle-border-hover: var(--accent)}[data-theme=light] body{background:var(--bg);color:var(--text)}[data-theme=light] ::-webkit-scrollbar-track{background:var(--surface-alt)}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--accent)}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}[data-theme=dark]{color-scheme:dark;color:#f8fafc;background-color:#0b1120;--bg: #060b19;--surface: #0d1222;--surface-alt: #161d31;--border: #1e293b;--text: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #38bdf8;--accent-hover: #0ea5e9;--accent-soft: rgba(56, 189, 248, .12);--accent-rgb: 56, 189, 248;--app-background: var(--bg);--app-text: var(--text);--app-text-secondary: var(--text-secondary);--app-text-tertiary: var(--text-muted);--header-bg: var(--surface);--header-text: var(--text);--header-border: var(--border);--header-shadow: rgba(0, 0, 0, .2);--card-bg: var(--surface);--card-bg-hover: var(--surface-alt);--card-border: var(--border);--card-shadow: 0 8px 32px rgba(0, 0, 0, .3);--card-shadow-hover: 0 12px 48px rgba(0, 0, 0, .5);--accent-glow: 0 0 20px rgba(56, 189, 248, .25);--section-bg: var(--bg);--section-bg-alt: var(--surface-alt);--section-border: var(--border);--btn-bg: var(--surface);--btn-bg-hover: var(--surface-alt);--btn-text: var(--text);--btn-border: var(--border);--input-bg: var(--surface);--input-border: var(--border);--input-border-focus: var(--accent);--input-text: var(--text);--input-placeholder: var(--text-muted);--footer-bg: var(--surface);--footer-text: var(--text);--footer-border: var(--border);--accent-primary: var(--accent);--accent-primary-hover: var(--accent-hover);--accent-secondary: var(--accent-hover);--accent-gradient: linear-gradient(135deg, #38bdf8 0%, #0ea5e9 100%);--border-color: var(--border);--divider-color: var(--border);--overlay-bg: rgba(17, 24, 39, .97);--backdrop-blur: blur(20px);--hero-overlay: linear-gradient(135deg, rgba(11, 17, 32, .9) 0%, rgba(31, 41, 55, .88) 100%);--hero-overlay-extra: linear-gradient(135deg, rgba(11, 17, 32, .85) 0%, rgba(31, 41, 55, .82) 100%);--theme-toggle-bg: linear-gradient(to right, #1f2937, #374151);--theme-toggle-thumb-bg: var(--surface-alt);--theme-toggle-border: var(--border);--theme-toggle-border-hover: var(--accent)}[data-theme=dark] body{background:var(--bg);color:var(--text)}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--accent)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}body{margin:0;min-width:320px;min-height:100vh;background:var(--app-background);font-size:var(--font-size-base)}#root{width:100%;min-height:100vh}a{font-weight:500;text-decoration:inherit}h1,h2,h3,h4,h5,h6{line-height:1.2}button{font-family:inherit}body{line-height:1.6}:root{--section-padding-y: clamp(4rem, 10vh, 6rem);--section-inner-gap: clamp(2rem, 4vw, 3rem)}.section-title{align-items:center}.section-title i{display:inline-flex;align-items:center;justify-content:center}:focus-visible{outline:2px solid var(--accent-primary, var(--accent));outline-offset:2px}html{scroll-behavior:smooth}::-webkit-scrollbar{width:clamp(8px,.5vw,10px)}::-webkit-scrollbar-track{background:var(--app-background)}::-webkit-scrollbar-thumb{background:var(--accent, #38bdf8);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-hover, #0ea5e9)}img{max-width:100%;height:auto;display:block}.theme-toggle{position:relative;width:60px;height:30px;background:none;border:2px solid var(--theme-toggle-border);border-radius:30px;cursor:pointer;padding:0;transition:all .3s ease;display:flex;align-items:center;overflow:hidden}.theme-toggle:hover{border-color:var(--theme-toggle-border-hover);transform:scale(1.05)}.theme-toggle-track{position:relative;width:100%;height:100%;display:flex;align-items:center;background:var(--theme-toggle-bg);border-radius:30px;transition:background .3s ease}.theme-toggle-thumb{position:absolute;width:24px;height:24px;background:var(--theme-toggle-thumb-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003;left:2px}[data-theme=dark] .theme-toggle-thumb{transform:translate(30px)}@media(max-width:768px){.theme-toggle{width:50px;height:26px}.theme-toggle-thumb{width:20px;height:20px;font-size:12px}[data-theme=dark] .theme-toggle-thumb{transform:translate(24px)}}.theme-toggle:focus-visible{outline:2px solid var(--theme-toggle-border-hover);outline-offset:2px}@keyframes toggle-bounce{0%,to{transform:translate(0)}50%{transform:translate(-2px)}}.theme-toggle:active .theme-toggle-thumb{animation:toggle-bounce .3s ease}.header{position:fixed;top:0;left:0;right:0;background:var(--header-bg);z-index:1000;padding:clamp(.75rem,2vw,1.5rem) clamp(1rem,4vw,2rem);display:flex;justify-content:center;align-items:center}.header-container{max-width:100%;width:100%;margin:0 auto;padding:clamp(.75rem,1.5vw,.875rem) clamp(1.5rem,4vw,2.5rem);display:flex;justify-content:space-between;align-items:center;position:relative;background:var(--header-bg);border-radius:clamp(30px,5vw,50px);box-shadow:0 8px 32px var(--header-shadow),0 4px 16px var(--header-shadow),inset 0 1px 0 var(--header-border)}@media(min-width:1025px){.header-container{padding:clamp(.75rem,1.5vw,.875rem) clamp(3rem,6vw,6rem)}}.logo{display:flex;align-items:center;gap:clamp(.5rem,1vw,.875rem);font-size:clamp(1rem,2vw,1.25rem);font-weight:600;color:var(--header-text);text-decoration:none;transition:opacity .3s;flex-shrink:0;z-index:1001}.logo:hover{opacity:.9}.logo-icon{width:clamp(36px,4vw,44px);height:clamp(36px,4vw,44px);background:var(--accent-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 2px 8px var(--card-shadow);flex-shrink:0}.logo-cube{width:clamp(16px,2vw,20px);height:clamp(16px,2vw,20px);position:relative;transform:rotate(-15deg)}.logo-cube:before{content:"";position:absolute;width:100%;height:100%;background:var(--card-bg);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);box-shadow:inset 2px 2px 4px var(--card-shadow),inset -2px -2px 4px var(--card-bg-hover),0 0 0 1px var(--card-border);transform:perspective(50px) rotateY(-20deg) rotateX(10deg)}.logo-cube:after{content:"";position:absolute;width:60%;height:40%;background:var(--card-bg-hover);clip-path:polygon(50% 0%,100% 25%,50% 50%,0% 25%);top:-20%;left:20%;transform:perspective(50px) rotateY(-20deg) rotateX(-30deg);box-shadow:0 1px 2px var(--card-shadow)}.mobile-menu-toggle{display:none;background:transparent;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger{display:flex;flex-direction:column;gap:5px;width:24px;height:18px;position:relative}.hamburger span{display:block;width:100%;height:2px;background:var(--header-text);border-radius:2px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav{display:flex;gap:clamp(1.5rem,3vw,2.5rem);justify-content:center;align-items:center;position:absolute;left:50%;transform:translate(-50%)}.nav a{color:var(--header-text);text-decoration:none;font-weight:500;font-size:clamp(.875rem,1.5vw,1rem);transition:background .2s ease,color .2s ease;position:relative;font-family:inherit;letter-spacing:.01em;display:flex;align-items:center;gap:.5rem;padding:clamp(.4rem,1vw,.5rem) clamp(.75rem,1.5vw,1rem);border-radius:25px;white-space:nowrap}.nav a:hover{background:var(--surface-alt, var(--card-bg-hover));color:var(--header-text)}.nav a.active{font-weight:600;color:var(--accent-primary);background:var(--accent-soft)}.nav-icon{font-size:clamp(1rem,1.5vw,1.1rem);display:inline-block;transition:transform .3s ease;flex-shrink:0}.nav a:hover .nav-icon{transform:scale(1.05)}.header-actions{display:flex;align-items:center;gap:clamp(.75rem,1.5vw,1.25rem);flex-shrink:0}.download-resume-btn{background:rgba(var(--accent-rgb),.2);border:1px solid rgba(var(--accent-rgb),.4);color:var(--header-text);text-decoration:none;font-weight:500;font-size:clamp(.875rem,1.5vw,1rem);transition:all .3s ease;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;letter-spacing:.01em;display:flex;align-items:center;gap:.5rem;padding:clamp(.4rem,1vw,.5rem) clamp(.75rem,1.5vw,1rem);border-radius:25px;cursor:pointer;flex-shrink:0}.download-resume-btn:hover{background:rgba(var(--accent-rgb),.4);border-color:rgba(var(--accent-rgb),.6);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.4)}.download-resume-btn:active{transform:translateY(0)}.download-resume-btn .nav-icon{font-size:clamp(1rem,1.5vw,1.1rem);display:inline-block;transition:transform .3s ease}.download-resume-btn:hover .nav-icon{transform:scale(1.2) rotate(5deg)}@media(min-width:769px)and (max-width:1024px){.nav{gap:1.5rem}.download-resume-btn .btn-text{display:none}.download-resume-btn{padding:.5rem;min-width:45px}}@media(max-width:768px){.header{padding:clamp(.5rem,2vw,1rem)}.header-container{padding:clamp(.5rem,2vw,.75rem) clamp(1rem,3vw,1.5rem);border-radius:clamp(25px,5vw,40px);flex-wrap:nowrap}.mobile-menu-toggle{display:block;order:2}.logo{order:1;flex:1}.logo span{font-size:clamp(.875rem,3vw,1rem)}.header-actions{order:3;gap:.5rem}.download-resume-btn{order:3;padding:clamp(.4rem,1.5vw,.5rem) clamp(.5rem,2vw,.75rem)}.download-resume-btn .btn-text{display:none}.nav{position:fixed;inset:0;background:var(--overlay-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);flex-direction:column;justify-content:center;align-items:center;gap:2rem;transform:translate(100%);transition:transform .3s ease;z-index:1000;padding:2rem}.nav.mobile-open{transform:translate(0)}.nav a{font-size:1.125rem;padding:1rem 2rem;width:100%;max-width:300px;justify-content:center}}@media(max-width:480px){.header-container{padding:.5rem 1rem}.logo span{font-size:.875rem}.logo-icon{width:32px;height:32px}.nav a{font-size:1rem;padding:.875rem 1.5rem}}.footer{background:var(--footer-bg);border-top:1px solid var(--footer-border);padding:var(--section-padding-y, clamp(4rem, 10vh, 6rem)) 0 clamp(1.5rem,3vh,2rem)}.footer-container{width:100%;max-width:100%;margin:0 auto;padding:0 clamp(1rem,4vw,4rem)}.footer-content{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:clamp(2rem,3vw,3rem);margin-bottom:clamp(2.5rem,4vw,3.5rem)}.footer-section h4{color:var(--footer-text);font-size:clamp(1rem,1.2vw,1.125rem);margin-bottom:1.25rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;opacity:.95}.footer-section:first-child h4{margin-bottom:1rem}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:var(--app-text-secondary);text-decoration:none;font-size:clamp(.875rem,1.05vw,.9375rem);line-height:1.55;transition:color .2s ease}.footer-section ul li a:hover{color:var(--accent-primary)}.footer-logo{display:flex;align-items:center;gap:.75rem;font-size:clamp(1.2rem,1.5vw,1.35rem);font-weight:600;color:var(--footer-text);margin-bottom:.875rem}.footer-description{color:var(--app-text-secondary);line-height:1.7;margin-bottom:1.5rem;max-width:340px;font-size:clamp(.9375rem,1.15vw,1rem)}.footer-social{display:flex;gap:.875rem}.footer-social a,.footer-social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;background:var(--surface-alt, var(--card-bg-hover));border:1px solid var(--border);border-radius:50%;color:var(--text-muted, var(--app-text-secondary));text-decoration:none;transition:background .3s ease,color .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease}.footer-social a:hover,.footer-social-link:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-4px) scale(1.06);box-shadow:var(--accent-glow)}.footer-social a:active,.footer-social-link:active{transform:translateY(-1px) scale(1.02)}.footer-social-icon{width:1.35rem;height:1.35rem;transition:transform .3s ease}.footer-social a:hover .footer-social-icon,.footer-social-link:hover .footer-social-icon{transform:scale(1.12)}.footer-link-with-icon{display:inline-flex;align-items:center;gap:.625rem}.footer-link-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;min-width:2rem;min-height:2rem;border-radius:8px;background:var(--surface-alt, rgba(255, 255, 255, .06));transition:background .25s ease,transform .25s ease}.footer-section ul li a:hover .footer-link-icon-wrap,.footer-links a:hover .footer-link-icon-wrap{background:var(--accent-primary);transform:scale(1.05)}.footer-link-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--app-text-secondary);transition:color .25s ease}.footer-section ul li a:hover .footer-link-icon,.footer-links a:hover .footer-link-icon{color:#fff}.footer-section ul li a,.footer-links a{transition:color .2s ease}.footer-bottom{padding-top:2rem;border-top:1px solid var(--footer-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-bottom-left{display:flex;flex-direction:column;gap:.25rem}.footer-bottom-left p,.footer-bottom p{color:var(--app-text-tertiary);margin:0;font-size:clamp(.875rem,1.05vw,.9375rem);line-height:1.5}.footer-links{display:flex;align-items:center;gap:1.5rem}.footer-links a{color:var(--app-text-tertiary);text-decoration:none;font-size:clamp(.875rem,1.05vw,.9375rem);transition:color .2s ease;padding:.25rem 0}.footer-links a:hover{color:var(--accent-primary)}.footer-scroll-top{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;min-width:3rem;min-height:3rem;padding:0;border:none;border-radius:50%;background:var(--accent-primary);color:#fff;cursor:pointer;transition:background .3s ease,transform .3s ease,box-shadow .3s ease}.footer-scroll-top:hover{background:var(--accent-primary-hover, color-mix(in srgb, var(--accent-primary) 85%, black));transform:translateY(-4px) scale(1.08);box-shadow:var(--accent-glow)}.footer-scroll-top:active{transform:translateY(-1px) scale(1.02)}.footer-scroll-top:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.footer-scroll-top-icon{width:1.25rem;height:1.25rem;transition:transform .3s ease}.footer-scroll-top:hover .footer-scroll-top-icon{transform:translateY(-2px)}@media(min-width:1025px){.footer-container{padding:0 clamp(3rem,6vw,6rem)}}@media(min-width:769px)and (max-width:1024px){.footer-content{grid-template-columns:1fr 1fr;gap:clamp(1.5rem,3vw,2rem)}}@media(max-width:768px){.footer{padding:clamp(1.5rem,4vh,2rem) 0 clamp(1rem,2vh,1.5rem)}.footer-container{padding:0 clamp(1.5rem,3vw,2rem)}.footer-content{grid-template-columns:1fr;gap:clamp(1.5rem,3vw,2rem)}.footer-section:first-child{grid-column:auto}.footer-bottom{flex-direction:column;text-align:center;gap:clamp(.75rem,1.5vw,1rem)}.footer-bottom-left{align-items:center}.footer-links{flex-direction:column;gap:clamp(.375rem,.8vw,.5rem)}.footer-scroll-top{order:-1}}@media(max-width:480px){.footer-container{padding:0 clamp(1rem,4vw,1.5rem)}.footer-content{gap:clamp(1.25rem,2.5vw,1.5rem)}}.icon-dock{position:fixed;bottom:clamp(1rem,3vh,2rem);left:50%;transform:translate(-50%);z-index:1000;width:100%;max-width:calc(100% - 2rem);display:flex;justify-content:center;padding:0 clamp(.5rem,2vw,1rem)}.dock-container{display:flex;align-items:center;gap:clamp(.5rem,1vw,.75rem);background:var(--overlay-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--border);border-radius:clamp(30px,5vw,50px);padding:clamp(.5rem,1vw,.75rem) clamp(1rem,2vw,1.5rem);box-shadow:0 10px 40px var(--card-shadow);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.dock-container::-webkit-scrollbar{display:none}.dock-icon{width:clamp(36px,5vw,45px);height:clamp(36px,5vw,45px);min-width:clamp(36px,5vw,45px);border-radius:50%;background:var(--card-bg);border:1px solid var(--card-border);color:var(--app-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;text-decoration:none;font-size:clamp(.9rem,1.5vw,1.1rem);flex-shrink:0}.dock-icon:hover{background:var(--accent-soft);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-3px) scale(1.05);box-shadow:0 4px 16px var(--card-shadow)}.dock-icon.active{background:var(--accent-soft);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 2px 12px var(--card-shadow)}@media(min-width:769px)and (max-width:1024px){.dock-container{gap:clamp(.5rem,.8vw,.625rem);padding:clamp(.5rem,.8vw,.625rem) clamp(.875rem,1.5vw,1.25rem)}.dock-icon{width:clamp(38px,4.5vw,42px);height:clamp(38px,4.5vw,42px);min-width:clamp(38px,4.5vw,42px);font-size:clamp(.95rem,1.3vw,1.05rem)}}@media(max-width:768px){.icon-dock{bottom:clamp(.75rem,2vh,1rem);max-width:calc(100% - 1rem)}.dock-container{padding:clamp(.4rem,1vw,.5rem) clamp(.75rem,1.5vw,1rem);gap:clamp(.375rem,.8vw,.5rem)}.dock-icon{width:clamp(32px,6vw,40px);height:clamp(32px,6vw,40px);min-width:clamp(32px,6vw,40px);font-size:clamp(.85rem,1.3vw,1rem)}}@media(max-width:480px){.icon-dock{bottom:clamp(.5rem,1.5vh,.75rem);max-width:calc(100% - .5rem)}.dock-container{padding:clamp(.375rem,1vw,.4rem) clamp(.625rem,1.2vw,.75rem);gap:clamp(.3rem,.7vw,.375rem);border-radius:clamp(25px,5vw,40px)}.dock-icon{width:clamp(30px,7vw,36px);height:clamp(30px,7vw,36px);min-width:clamp(30px,7vw,36px);font-size:clamp(.8rem,1.2vw,.9rem)}}.news-ticker{width:100%;margin-top:clamp(100px,11vh,128px);background:var(--app-background);border-radius:0;box-shadow:0 4px 16px var(--card-shadow);z-index:10;display:flex;align-items:center;padding:clamp(.625rem,1.5vw,1rem) clamp(1rem,4vw,2rem);overflow:visible;transition:all .3s ease;min-height:2.75rem;box-sizing:border-box;flex-shrink:0}.news-ticker:hover{box-shadow:0 6px 20px var(--card-shadow-hover);background:var(--app-background)}.ticker-label{display:flex;align-items:center;gap:clamp(.375rem,.8vw,.5rem);padding:0 clamp(.625rem,1.2vw,1rem) 0 0;background:transparent;border-right:1px solid var(--border-color);color:var(--app-text);font-weight:600;font-size:clamp(.75rem,1.1vw,.9rem);white-space:nowrap;flex-shrink:0;transition:all .3s ease}.ticker-label:hover{color:var(--app-text)}.ticker-label i{font-size:clamp(.8rem,1.1vw,1rem);transition:transform .3s ease;flex-shrink:0}.ticker-label:hover i{transform:scale(1.1)}.ticker-content{flex:1;overflow:hidden;position:relative;padding:0 0 0 clamp(.625rem,1.2vw,1rem);min-width:0;display:flex;align-items:center}.ticker-item{color:var(--app-text);font-size:clamp(.75rem,1.1vw,.9rem);animation:ticker-slide .5s ease-in-out;display:flex;align-items:center;gap:clamp(.5rem,1vw,.625rem);transition:all .3s ease;cursor:default;width:100%;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.5em}.ticker-item:hover{color:var(--app-text)}.ticker-emoji{display:inline-flex;align-items:center;justify-content:center;font-size:clamp(.9rem,1.3vw,1.1rem);margin-right:clamp(.375rem,.8vw,.5rem);transition:transform .3s ease;flex-shrink:0;min-width:clamp(1.125rem,1.8vw,1.5rem);line-height:1}.ticker-text{display:inline-block;transition:all .3s ease;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.news-ticker:hover .ticker-emoji{transform:scale(1.2) rotate(5deg)}.news-ticker:hover .ticker-text{transform:translate(3px)}.ticker-item i{font-size:.9rem;color:#fff}.ticker-chips{display:flex;align-items:center;gap:clamp(.5rem,1vw,.75rem);flex-shrink:0;margin-left:auto;padding-left:clamp(.625rem,1.2vw,1rem);border-left:1px solid var(--border-color)}.ticker-chip{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.25rem .75rem;min-width:5rem;border-radius:9999px;font-size:clamp(.7rem,.9vw,.8rem);font-weight:500;white-space:nowrap;background:var(--surface-alt);color:var(--app-text);border:1px solid var(--border-color);transition:all .3s ease}.ticker-chip:hover{background:var(--surface);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 2px 8px var(--accent-soft)}.ticker-chip i{font-size:clamp(.75rem,1vw,.85rem);color:var(--text-secondary)}.ticker-chip.time-chip i,.ticker-chip.skill-chip i{color:var(--accent)}.ticker-chip.time-chip{min-width:auto}.live-indicator{display:inline-block;width:6px;height:6px;background-color:var(--accent);border-radius:50%;box-shadow:0 0 6px var(--accent);animation:pulse-dot 2s infinite ease-in-out;flex-shrink:0}.chip-divider{width:1px;height:1.25rem;background-color:var(--border-color);margin:0 clamp(.2rem,.5vw,.5rem)}@keyframes pulse-dot{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes ticker-slide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media(min-width:769px)and (max-width:1024px){.news-ticker{margin-top:clamp(92px,10.5vh,118px)}}@media(max-width:768px){.news-ticker{margin-top:clamp(88px,10vh,112px);flex-direction:row;flex-wrap:wrap;align-items:center;padding:clamp(.5rem,1.5vw,.75rem) clamp(1rem,3vw,1.25rem);gap:clamp(.5rem,1.5vw,.75rem);min-height:2.75rem;overflow:visible;z-index:10}.ticker-label{padding:0 clamp(.5rem,1.2vw,.75rem) 0 0;border-right:1px solid var(--border-color);border-bottom:none;width:auto;justify-content:flex-start;padding-bottom:0;margin-bottom:0;white-space:nowrap;flex-shrink:0;align-items:center}.ticker-label i{font-size:clamp(.875rem,1.8vw,1rem)}.ticker-label span{font-size:clamp(.875rem,2vw,.95rem)}.ticker-content{padding:0 0 0 clamp(.5rem,1.2vw,.75rem);text-align:left;width:100%;flex:1;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;min-width:0}.ticker-item{font-size:clamp(.75rem,2vw,.875rem);justify-content:flex-start;flex-wrap:nowrap;white-space:nowrap;text-align:left;line-height:1.5;gap:clamp(.375rem,1.2vw,.5rem);width:100%;overflow:hidden;text-overflow:ellipsis;align-items:center;min-height:1.5em}.ticker-emoji{font-size:clamp(1.1rem,2.8vw,1.3rem);margin-right:0;min-width:auto;flex-shrink:0;display:inline-flex;align-items:center;vertical-align:middle}.ticker-text{width:auto;text-align:left;flex:1;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;vertical-align:middle}.news-ticker:hover .ticker-item,.news-ticker:hover .ticker-text,.news-ticker:hover .ticker-emoji{transform:none}.ticker-chips{width:100%;margin-left:0;padding-left:0;padding-top:.5rem;justify-content:center;border-left:none;border-top:1px solid var(--border-color);flex-wrap:wrap;row-gap:.5rem}}@media(max-width:480px){.news-ticker{margin-top:clamp(82px,9.5vh,102px);padding:clamp(.5rem,1.5vw,.625rem) clamp(.875rem,2.5vw,1rem);gap:clamp(.375rem,1.2vw,.5rem);min-height:2.5rem;z-index:10}.ticker-label{font-size:clamp(.8rem,2.2vw,.875rem);padding-bottom:0}.ticker-label i{font-size:clamp(.8rem,2vw,.95rem)}.ticker-label span{font-size:clamp(.8rem,2.2vw,.875rem)}.ticker-item{font-size:clamp(.8rem,2.5vw,.875rem);gap:clamp(.5rem,1.2vw,.625rem);line-height:1.5}.ticker-emoji{font-size:clamp(1rem,2.5vw,1.15rem);margin-bottom:.125rem}.ticker-text{font-size:clamp(.8rem,2.5vw,.875rem);line-height:1.5}.ticker-chip{padding:.2rem .5rem;font-size:.75rem}}.scroll-btn{position:fixed;right:clamp(1rem,3vw,2rem);width:clamp(48px,5vw,56px);height:clamp(48px,5vw,56px);background:var(--accent-gradient);border:2px solid var(--border);border-radius:50%;color:#fff;font-size:clamp(1rem,1.5vw,1.25rem);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:9999;box-shadow:0 4px 16px var(--card-shadow),0 2px 8px var(--card-shadow);transition:all .3s cubic-bezier(.4,0,.2,1);opacity:1;transform:scale(1) translateY(0);pointer-events:auto;animation:fadeInUp .3s ease-out;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}.scroll-btn-up{bottom:clamp(2rem,5vw,3rem)}.scroll-btn-down{bottom:clamp(7rem,12vw,9rem)}.scroll-btn.visible,.scroll-btn-up.visible,.scroll-btn-down.visible{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.scroll-btn:hover{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-primary-hover) 100%);transform:scale(1.1) translateY(-2px);box-shadow:var(--accent-glow),var(--card-shadow-hover),inset 0 1px 0 var(--card-border);border-color:var(--card-border)}.scroll-btn:active{transform:scale(.95) translateY(0);box-shadow:0 2px 8px #0003,inset 0 1px 0 var(--card-border)}.scroll-btn i{transition:transform .3s ease;pointer-events:none}.scroll-btn:hover i{transform:translateY(-2px)}.scroll-btn-up:hover i{transform:translateY(-3px)}.scroll-btn-down:hover i{transform:translateY(3px)}@keyframes fadeInUp{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(min-width:769px)and (max-width:1024px){.scroll-btn{right:clamp(1.25rem,3.5vw,1.75rem);width:clamp(52px,5.5vw,58px);height:clamp(52px,5.5vw,58px)}.scroll-btn-up{bottom:clamp(2.25rem,5.5vw,3.25rem)}.scroll-btn-down{bottom:clamp(7.5rem,12.5vw,9.5rem)}}@media(max-width:768px){.scroll-btn{right:clamp(1rem,4vw,1.5rem);width:clamp(44px,6vw,52px);height:clamp(44px,6vw,52px);font-size:clamp(.875rem,2vw,1.125rem)}.scroll-btn-up{bottom:clamp(4.5rem,11vw,5.5rem)}.scroll-btn-down{bottom:clamp(6rem,14vw,8rem)}}@media(max-width:480px){.scroll-btn{right:clamp(.875rem,4.5vw,1.25rem);width:clamp(40px,7vw,48px);height:clamp(40px,7vw,48px);font-size:clamp(.8rem,2.5vw,1rem)}.scroll-btn-up{bottom:clamp(4rem,12vw,4.75rem)}.scroll-btn-down{bottom:clamp(5.5rem,15vw,7.5rem)}}@media(max-width:768px){.scroll-btn-down{bottom:clamp(7.5rem,17vw,9.5rem)}}.scroll-btn:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.scroll-btn:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){.scroll-btn{transition:opacity .2s ease}.scroll-btn:hover{transform:scale(1)}.scroll-btn i{transition:none}@keyframes fadeInUp{0%{opacity:0}to{opacity:1}}}.scroll-down-indicator{position:absolute;bottom:clamp(1rem,2vh,1.5rem);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer;z-index:20;animation:bounce 2s infinite;transition:opacity .3s ease}.scroll-down-indicator:hover{opacity:.8}.scroll-down-text{font-size:.875rem;font-weight:500;color:#ffffffb3;letter-spacing:.2em;text-transform:uppercase;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.mouse-icon{width:30px;height:50px;border:2px solid var(--accent);border-radius:15px;position:relative;display:flex;justify-content:center;align-items:flex-start;padding-top:8px}.mouse-wheel{width:4px;height:10px;background-color:var(--accent);border-radius:2px;animation:scroll-wheel 2s infinite}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes scroll-wheel{0%{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.scroll-down-indicator{bottom:clamp(3rem,8vh,4.5rem)}.scroll-down-text{font-size:.75rem}.mouse-icon{width:24px;height:40px}.mouse-wheel{width:3px;height:8px}}@media(max-width:480px){.scroll-down-indicator{bottom:clamp(2.5rem,7vh,3.5rem)}}.hero{padding:clamp(2rem,4vh,3rem) 0 clamp(3rem,6vh,4rem);background:var(--hero-overlay),url(https://images.unsplash.com/photo-1461749280684-dccba630e2f6?w=1920&q=80) center/cover no-repeat fixed;min-height:100vh;height:auto;display:flex;align-items:center;position:relative;overflow:hidden;margin-top:0;box-sizing:border-box}.hero:before{content:"";position:absolute;inset:0;background:var(--hero-overlay-extra);z-index:0}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,var(--accent-soft) 0%,transparent 45%),radial-gradient(circle at 80% 80%,var(--accent-soft) 0%,transparent 40%);opacity:.4;z-index:0;pointer-events:none}.hero-container{max-width:1440px;width:100%;margin:0 auto;padding:0 clamp(1.5rem,4vw,4rem);position:relative;z-index:10;display:flex;align-items:center;justify-content:center;gap:clamp(2.5rem,6vw,5rem)}@media(min-width:1025px){.hero-container{padding:0 clamp(3rem,6vw,6rem);max-width:100%}}.hero-logo{flex-shrink:0}.logo-circle{width:clamp(140px,22vw,200px);height:clamp(140px,22vw,200px);border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 40px var(--card-shadow-hover),0 0 0 1px var(--border);border:clamp(2px,.3vw,3px) solid var(--border);position:relative;animation:float 6s ease-in-out infinite;overflow:hidden;padding:clamp(2px,.3vw,3px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%;border:clamp(1px,.2vw,2px) solid var(--card-border)}.hero-content{max-width:100%;flex:1}@media(min-width:1441px){.hero-content{max-width:960px}}.hero-title{font-size:clamp(2.25rem,5.5vw,4.5rem);font-weight:800;color:var(--app-text);margin-bottom:clamp(.5rem,1vw,.75rem);line-height:1.12;letter-spacing:-.025em;text-shadow:0 2px 20px var(--card-shadow)}.hero-subtitle{font-size:clamp(1.3rem,2.5vw,1.75rem);color:var(--accent-primary);margin-bottom:clamp(1.5rem,3vw,2rem);font-weight:600;line-height:1.3;letter-spacing:-.01em}.hero-description{font-size:clamp(.9375rem,1.4vw,1.125rem);line-height:1.8;color:var(--app-text-secondary);margin-bottom:clamp(2rem,4vw,2.5rem);list-style:none;padding-left:0}.hero-description li{position:relative;padding-left:clamp(2.25rem,3.5vw,2.75rem);margin-bottom:clamp(.75rem,1.4vw,1rem);padding-top:clamp(.25rem,.5vw,.5rem);transition:color .2s ease,transform .25s cubic-bezier(.4,0,.2,1);line-height:1.75}.hero-description li:hover{transform:translate(4px);color:var(--app-text)}.hero-description li:before{content:"✓";position:absolute;left:0;top:clamp(.4rem,.7vw,.7rem);width:clamp(20px,2.5vw,24px);height:clamp(20px,2.5vw,24px);background:var(--accent-soft);border:1px solid var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--accent-primary);font-size:clamp(.7rem,1vw,.85rem);font-weight:700;box-shadow:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.hero-description li:hover:before{transform:scale(1.05);background:var(--accent-soft);border-color:var(--accent-primary)}.hero-description .highlight{color:var(--accent-primary);font-weight:600;display:inline;line-height:inherit}.hero-info{display:flex;flex-wrap:wrap;align-items:center;row-gap:clamp(.5rem,1vw,.75rem);column-gap:clamp(1rem,1.5vw,1.5rem);margin-bottom:clamp(1.75rem,3.5vw,2.25rem);padding:clamp(.875rem,1.5vw,1.125rem) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}@media(min-width:769px){.hero-info{flex-direction:row}.hero-info .info-item+.info-item:before{content:"·";margin-right:clamp(.75rem,1.2vw,1rem);color:var(--text-muted, var(--app-text-secondary));font-weight:700;opacity:.7}}.info-item{display:inline-flex;align-items:center;gap:clamp(.375rem,.6vw,.5rem);color:var(--app-text-secondary);font-size:clamp(.875rem,1.15vw,1rem);margin-bottom:0;line-height:1.4}.info-item i{color:var(--accent-primary);font-size:clamp(.875rem,1.1vw,1rem);width:clamp(16px,1.8vw,18px);text-align:center;flex-shrink:0;opacity:.9}.info-item a{color:var(--app-text);text-decoration:none;transition:color .3s;word-break:break-word}.info-item a:hover{color:var(--accent-primary)}.hero-actions{display:flex;gap:clamp(.75rem,1.5vw,1rem);flex-wrap:wrap}.btn-primary,.btn-secondary{padding:clamp(.875rem,1.75vw,1.125rem) clamp(1.75rem,3.5vw,2.25rem);border-radius:10px;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:clamp(.5rem,1vw,.75rem);font-size:clamp(.9375rem,1.25vw,1.0625rem);text-align:center}.btn-primary{padding:clamp(1rem,1.75vw,1.25rem) clamp(2rem,3.5vw,2.5rem);font-size:clamp(1rem,1.3vw,1.125rem)}.btn-primary i,.btn-secondary i{font-size:clamp(.875rem,1.2vw,1rem);transition:transform .3s ease}.btn-primary:hover i,.btn-secondary:hover i{transform:translate(3px)}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px var(--card-shadow-hover)}.btn-secondary{background:var(--surface-alt, var(--card-bg-hover));color:var(--accent-primary);border:1px solid var(--border);font-weight:500}.btn-secondary:hover{background:var(--card-bg-hover);border-color:var(--accent-primary);color:var(--accent-primary-hover);transform:translateY(-1px)}@media(min-width:769px)and (max-width:1024px){.hero-container{gap:3rem}.logo-circle{width:clamp(140px,18vw,160px);height:clamp(140px,18vw,160px)}}@media(max-width:768px){.hero{background-attachment:scroll;padding:clamp(2rem,4vh,2.5rem) clamp(1rem,4vw,1.5rem) clamp(6rem,12vh,7rem);margin-top:0;min-height:100vh;height:auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;align-items:flex-start;justify-content:center;position:relative;z-index:1}.hero-container{flex-direction:column;text-align:center;gap:clamp(1.25rem,3vw,1.75rem);padding:0 clamp(1rem,4vw,1.5rem);width:100%;max-width:100%;box-sizing:border-box;margin:0 auto;align-items:center;justify-content:flex-start;min-height:100%;position:relative;z-index:1}.hero-logo{width:100%;display:flex;justify-content:center;flex-shrink:0;position:relative;z-index:1}.logo-circle{width:clamp(100px,25vw,140px);height:clamp(100px,25vw,140px);flex-shrink:0}.hero-content{width:100%;max-width:100%;box-sizing:border-box;padding:0;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.hero-title{font-size:clamp(1.75rem,6vw,2.5rem);margin-bottom:clamp(.5rem,1.5vw,.75rem);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.hero-subtitle{font-size:clamp(1rem,3vw,1.25rem);margin-bottom:clamp(1rem,2.5vw,1.5rem);word-wrap:break-word;overflow-wrap:break-word}.hero-description{font-size:clamp(.875rem,2vw,1rem);line-height:1.7;margin-bottom:clamp(1.25rem,3vw,1.75rem);width:100%;max-width:100%;list-style:none;padding:0}.hero-description li{padding-left:clamp(1.75rem,5vw,2.25rem);margin-bottom:clamp(.75rem,2vw,1rem);line-height:1.6;text-align:left;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;width:100%}.hero-description li:before{width:clamp(18px,4vw,22px);height:clamp(18px,4vw,22px);font-size:clamp(.65rem,1.5vw,.75rem);left:0}.hero-description .highlight{display:inline;word-break:keep-all}.hero-info{align-items:center;gap:clamp(.5rem,1.5vw,.75rem);margin-bottom:clamp(1.25rem,3vw,1.75rem);width:100%}.info-item{font-size:clamp(.875rem,2vw,.9375rem);gap:clamp(.5rem,1.5vw,.75rem);justify-content:center;flex-wrap:wrap;word-break:break-word;overflow-wrap:break-word;width:100%;max-width:100%;text-align:center}.info-item span,.info-item a{word-break:break-word;overflow-wrap:break-word;text-align:center;max-width:100%;display:inline-block}.info-item i{font-size:clamp(.9rem,2vw,1rem);width:clamp(16px,3vw,18px);flex-shrink:0}.hero-actions{justify-content:center;width:100%;gap:clamp(.75rem,2vw,1rem);flex-wrap:wrap}.btn-primary,.btn-secondary{flex:1 1 auto;min-width:140px;max-width:100%;font-size:clamp(.875rem,2vw,.9375rem);padding:clamp(.75rem,2vw,.875rem) clamp(1.25rem,3vw,1.5rem);box-sizing:border-box}}@media(max-width:480px){.hero{padding:clamp(1.5rem,3vh,2rem) clamp(.75rem,3vw,1.25rem) clamp(5.5rem,11vh,6.5rem);margin-top:0;min-height:100vh;height:auto;overflow-y:auto;overflow-x:hidden;display:flex;align-items:flex-start;justify-content:center;position:relative;z-index:1}.hero-container{padding:0 clamp(.75rem,3vw,1.25rem);gap:clamp(1rem,3vw,1.5rem);width:100%;align-items:center;justify-content:flex-start;min-height:100%;position:relative;z-index:1}.hero-content{padding:0;width:100%;display:flex;flex-direction:column;align-items:center}.logo-circle{width:clamp(90px,22vw,120px);height:clamp(90px,22vw,120px)}.hero-title{font-size:clamp(1.5rem,7vw,2rem);line-height:1.3;margin-bottom:clamp(.4rem,1.5vw,.6rem)}.hero-subtitle{font-size:clamp(.95rem,3.5vw,1.15rem);line-height:1.4;margin-bottom:clamp(.875rem,2.5vw,1.25rem)}.hero-description{font-size:clamp(.8rem,2.5vw,.95rem);line-height:1.65;margin-bottom:clamp(1rem,3vw,1.5rem)}.hero-description li{padding-left:clamp(1.5rem,6vw,2rem);margin-bottom:clamp(.625rem,2vw,.875rem);line-height:1.55}.hero-description li:before{width:clamp(16px,5vw,20px);height:clamp(16px,5vw,20px);font-size:clamp(.6rem,2vw,.7rem);top:clamp(.3rem,1vw,.5rem);left:0}.hero-description .highlight{padding:2px 5px;font-size:clamp(.75rem,2.5vw,.85rem);line-height:1.25;display:inline-block}.hero-info{gap:clamp(.4rem,1.5vw,.6rem);margin-bottom:clamp(1rem,3vw,1.5rem)}.info-item{font-size:clamp(.75rem,2.5vw,.85rem);gap:clamp(.4rem,1.5vw,.6rem);margin-bottom:clamp(.4rem,1.5vw,.6rem);padding:0 clamp(.5rem,2vw,1rem)}.info-item i{font-size:clamp(.85rem,2.5vw,.95rem);width:clamp(14px,4vw,16px)}.hero-actions{flex-direction:column;gap:clamp(.625rem,2vw,.75rem);width:100%}.btn-primary,.btn-secondary{width:100%;max-width:100%;font-size:clamp(.8125rem,2.5vw,.875rem);padding:clamp(.75rem,2vw,.8125rem) clamp(1rem,3vw,1.25rem);box-sizing:border-box}}.skills{min-height:100vh;padding:var(--section-padding-y, clamp(4rem, 10vh, 6rem)) 0;background:var(--section-bg);display:flex;align-items:center}.skills-container{width:100%;max-width:100%;margin:0 auto;padding:0 clamp(1rem,4vw,4rem);height:100%;display:flex;flex-direction:column;justify-content:center}@media(min-width:1025px){.skills-container{padding:0 clamp(3rem,6vw,6rem)}}.skills-categories{display:flex;flex-direction:column;gap:clamp(2.75rem,5vw,4rem);flex:1;justify-content:center}.skill-category-section{width:100%}.skill-category-section+.skill-category-section{padding-top:clamp(.5rem,1vw,.75rem);border-top:1px solid var(--border)}.category-title{font-size:clamp(1.25rem,2.5vw,1.625rem);color:var(--app-text);margin-bottom:clamp(1.125rem,2.25vw,1.5rem);font-weight:600;display:flex;align-items:center;gap:clamp(.5rem,1vw,.75rem);flex-wrap:wrap;letter-spacing:-.01em}.category-title i{font-size:clamp(1.25rem,2.5vw,1.75rem);color:var(--accent-primary);flex-shrink:0}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:clamp(.75rem,1.25vw,1rem);max-width:100%}.skill-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:clamp(.625rem,1.2vw,.75rem) clamp(.75rem,1.2vw,1rem);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:clamp(.5rem,1vw,.75rem);transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;cursor:pointer;text-align:left;min-height:auto}.skill-card:hover{background:var(--card-bg-hover);border-color:var(--border);transform:translateY(-1px);box-shadow:0 4px 16px var(--card-shadow)}.skill-icon{width:clamp(28px,3.5vw,34px);height:clamp(28px,3.5vw,34px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.skill-icon i,.skill-icon svg{font-size:clamp(1.1rem,1.8vw,1.4rem);width:clamp(1.1rem,1.8vw,1.4rem);height:clamp(1.1rem,1.8vw,1.4rem);color:var(--text-muted, var(--app-text-secondary));fill:currentColor}.skill-name{color:var(--app-text);font-size:clamp(.875rem,1.15vw,.9375rem);font-weight:500;line-height:1.4;word-wrap:break-word;flex:1}@media(min-width:1441px){.skills-grid{grid-template-columns:repeat(6,1fr)}}@media(min-width:1025px)and (max-width:1440px){.skills-grid{grid-template-columns:repeat(5,1fr)}}@media(min-width:769px)and (max-width:1024px){.skills-grid{grid-template-columns:repeat(4,1fr)}.skill-card{flex-direction:column;text-align:center;padding:clamp(1rem,1.5vw,1.25rem)}.skill-name{font-size:clamp(.75rem,1vw,.875rem)}}@media(min-width:481px)and (max-width:768px){.skills{padding:clamp(2.5rem,6vh,3rem) 0 clamp(4rem,8vh,5rem)}.skills-container{padding:0 clamp(1.5rem,3vw,2rem)}.skills-grid{grid-template-columns:repeat(3,1fr);gap:clamp(.75rem,1.2vw,1rem)}.skill-card{padding:clamp(.75rem,1.2vw,.875rem) clamp(.875rem,1.5vw,1rem)}}@media(max-width:480px){.skills{padding:clamp(2rem,5vh,3rem) 0 clamp(4rem,8vh,5rem)}.skills-container{padding:0 clamp(1rem,4vw,1.5rem)}.section-title{font-size:clamp(1.75rem,5vw,2rem);text-align:center;justify-content:center}.section-title i{font-size:clamp(1.5rem,4vw,1.75rem)}.skills-categories{gap:clamp(1.5rem,3vw,2rem)}.category-title{font-size:clamp(1.25rem,3.5vw,1.5rem);text-align:center;justify-content:center}.category-title i{font-size:clamp(1.1rem,2.5vw,1.25rem)}.skills-grid{grid-template-columns:repeat(2,1fr);gap:clamp(.625rem,2vw,.875rem)}.skill-card{padding:clamp(.625rem,1.5vw,.75rem) clamp(.75rem,2vw,.875rem);flex-direction:column;text-align:center;gap:clamp(.5rem,1vw,.75rem)}.skill-icon{width:clamp(28px,6vw,32px);height:clamp(28px,6vw,32px)}.skill-icon i,.skill-icon svg{font-size:clamp(1.1rem,2.5vw,1.25rem);width:clamp(1.1rem,2.5vw,1.25rem);height:clamp(1.1rem,2.5vw,1.25rem)}.skill-name{font-size:clamp(.8125rem,2vw,.875rem)}}.experience{padding:var(--section-padding-y, clamp(4rem, 10vh, 6rem)) 0;background:linear-gradient(135deg,var(--section-bg-alt) 0%,var(--section-bg) 100%)}.experience-container{width:100%;max-width:100%;margin:0 auto;padding:0 clamp(1rem,4vw,4rem)}@media(min-width:1025px){.experience-container{padding:0 clamp(3rem,6vw,6rem)}}.section-title{font-size:clamp(1.875rem,3.5vw,2.75rem);color:var(--app-text);text-align:left;margin-bottom:var(--section-inner-gap, clamp(2rem, 4vw, 3rem));font-weight:700;display:flex;align-items:center;gap:clamp(.75rem,1.5vw,1rem);flex-wrap:wrap;letter-spacing:-.02em;line-height:1.2}.section-title i{color:var(--accent-primary);font-size:clamp(1.75rem,3.5vw,2.5rem);flex-shrink:0}.current-experience-wrapper{margin-bottom:clamp(2rem,4vw,3rem)}.current-experience-wrapper .current-experience{width:100%;grid-column:1 / -1}.experience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,500px),1fr));gap:clamp(1.5rem,3vw,2rem)}.experience-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:clamp(1.5rem,2.5vw,1.875rem);transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.experience-card:hover{background:var(--card-bg-hover);border-color:var(--border);transform:translateY(-1px);box-shadow:0 8px 24px var(--card-shadow)}.current-experience{background:var(--accent-soft);border:1px solid var(--border);border-top:clamp(3px,.5vw,4px) solid var(--accent-primary);box-shadow:0 8px 24px var(--card-shadow);position:relative;padding:clamp(1.75rem,3.5vw,2.25rem)!important}.current-experience:before{display:none}.current-experience:hover{background:var(--accent-soft);border-color:var(--border);transform:translateY(-2px);box-shadow:0 12px 32px var(--card-shadow)}.current-badge{display:inline-flex;align-items:center;gap:clamp(.375rem,.8vw,.5rem);background:var(--accent-primary);color:#fff;padding:clamp(.4rem,.8vw,.5rem) clamp(.75rem,1.5vw,1rem);border-radius:20px;font-size:clamp(.65rem,1vw,.75rem);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:clamp(.75rem,1.5vw,1rem);box-shadow:0 2px 8px var(--card-shadow);animation:pulse 2s ease-in-out infinite}.current-badge i{font-size:clamp(.4rem,.7vw,.5rem);animation:blink 1.5s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 2px 8px var(--card-shadow)}50%{box-shadow:0 4px 12px var(--card-shadow)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.exp-header{margin-bottom:clamp(.875rem,1.5vw,1.125rem);position:relative}.exp-title{color:var(--app-text);font-size:clamp(1.2rem,2.2vw,1.45rem);font-weight:700;margin-bottom:clamp(.375rem,.8vw,.5rem);letter-spacing:-.01em;line-height:1.3}.current-experience .exp-title{color:var(--app-text);font-weight:700;font-size:clamp(1.35rem,2.5vw,1.65rem);margin-bottom:clamp(.5rem,1vw,.625rem)}.exp-meta{display:flex;gap:clamp(1rem,2vw,1.5rem);flex-wrap:wrap;margin-bottom:clamp(.25rem,.5vw,.375rem)}.current-experience .exp-meta{margin-bottom:clamp(.5rem,1vw,.625rem)}.exp-type,.exp-location{color:var(--app-text-secondary);font-size:clamp(.875rem,1.15vw,.9375rem);display:flex;align-items:center;gap:clamp(.375rem,.8vw,.5rem);line-height:1.4}.current-experience .exp-type,.current-experience .exp-location{font-size:clamp(.9rem,1.2vw,1rem)}.exp-role{color:var(--app-text-tertiary);font-size:clamp(.8125rem,1.1vw,.9rem);margin-bottom:clamp(.75rem,1.5vw,1rem);font-style:italic;line-height:1.45}.current-experience .exp-role{font-size:clamp(.875rem,1.15vw,.9375rem);margin-bottom:clamp(1rem,1.5vw,1.25rem)}.exp-type i,.exp-location i{color:var(--accent-primary);font-size:clamp(.75rem,1.1vw,.85rem);flex-shrink:0}.exp-responsibilities{list-style:none;padding:0;margin:clamp(1rem,1.5vw,1.25rem) 0 clamp(1rem,2vw,1.5rem) 0}.current-experience .exp-responsibilities{margin-top:clamp(1.25rem,2vw,1.5rem)}.responsibility-item{color:var(--app-text-secondary);line-height:1.8;margin-bottom:clamp(.625rem,1.1vw,.875rem);font-size:clamp(.875rem,1.15vw,.9375rem);padding-left:clamp(1.25rem,2.5vw,1.75rem);position:relative;transition:color .2s ease,transform .2s ease}.responsibility-item:last-child{margin-bottom:0}.responsibility-item:before{content:"";position:absolute;left:0;top:.65rem;width:clamp(6px,1vw,8px);height:clamp(6px,1vw,8px);background:var(--accent-primary);border-radius:50%;box-shadow:0 0 0 0 var(--accent-soft, transparent);transition:all .3s ease}.responsibility-item:after{content:"";position:absolute;left:3px;top:.65rem;width:2px;height:calc(100% + .5rem);background:linear-gradient(180deg,var(--border) 0%,transparent 100%);transform:translateY(8px)}.responsibility-item:last-child:after{display:none}.responsibility-item:hover{color:var(--app-text);transform:translate(3px)}.responsibility-item:hover:before{width:clamp(8px,1.3vw,10px);height:clamp(8px,1.3vw,10px);top:.6rem;left:-1px;box-shadow:0 0 0 2px var(--accent-soft, transparent)}.responsibility-item strong{color:var(--app-text);font-weight:600;background:var(--accent-soft);padding:clamp(.1rem,.2vw,.15rem) clamp(.3rem,.6vw,.4rem);border-radius:4px;transition:all .3s ease}.responsibility-item:hover strong{background:var(--accent-soft)}.current-experience .responsibility-item:before{background:var(--accent-primary);width:clamp(8px,1.3vw,10px);height:clamp(8px,1.3vw,10px);top:.6rem}.current-experience .responsibility-item:hover:before{width:clamp(10px,1.5vw,12px);height:clamp(10px,1.5vw,12px);top:.55rem;left:-1px}.exp-technologies{display:flex;align-items:flex-start;gap:clamp(.75rem,1.5vw,1rem);padding-top:clamp(.875rem,1.5vw,1.125rem);border-top:1px solid var(--divider-color);flex-wrap:wrap}.current-experience .exp-technologies{padding-top:clamp(1rem,1.5vw,1.25rem)}.exp-technologies i{color:var(--accent-primary);font-size:clamp(.9rem,1.3vw,1rem);flex-shrink:0;margin-top:.25rem}.tech-tags{display:flex;flex-wrap:wrap;gap:clamp(.5rem,.9vw,.625rem)}.tech-tag{background:var(--surface-alt, var(--card-bg-hover));color:var(--app-text);padding:clamp(.25rem,.4vw,.3rem) clamp(.625rem,1.2vw,.8125rem);border-radius:6px;font-size:clamp(.8125rem,1.1vw,.875rem);font-weight:500;border:1px solid var(--border);line-height:1.35}.current-experience .tech-tag{background:var(--accent-soft);border-color:var(--border);color:var(--app-text)}@media(min-width:769px)and (max-width:1024px){.experience-grid{grid-template-columns:1fr}}@media(max-width:768px){.experience{padding:clamp(2.5rem,6vh,3rem) 0 clamp(4rem,8vh,5rem)}.experience-container{padding:0 clamp(1.5rem,3vw,2rem)}.section-title{font-size:clamp(1.75rem,4vw,2rem);text-align:center;justify-content:center}.section-title i{font-size:clamp(1.5rem,3vw,1.75rem)}.experience-grid{grid-template-columns:1fr;gap:clamp(1.25rem,2.5vw,1.5rem)}.experience-card{padding:clamp(1.25rem,2.5vw,1.5rem)}.exp-meta{flex-direction:column;gap:clamp(.375rem,.8vw,.5rem)}.exp-technologies{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.experience-container{padding:0 clamp(1rem,4vw,1.5rem)}.exp-title{font-size:clamp(1.1rem,4vw,1.25rem)}.responsibility-item{padding-left:clamp(1rem,3vw,1.25rem);font-size:clamp(.8125rem,2.5vw,.875rem)}.responsibility-item:before{width:clamp(5px,1.5vw,6px);height:clamp(5px,1.5vw,6px)}}.education{padding:var(--section-padding-y, clamp(4rem, 10vh, 6rem)) 0;background:linear-gradient(135deg,var(--section-bg-alt) 0%,var(--section-bg) 100%);position:relative;overflow:hidden}.education:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,var(--accent-soft, transparent) 0%,transparent 50%);opacity:.5;pointer-events:none}.education-container{width:100%;max-width:100%;margin:0 auto;padding:0 clamp(1rem,4vw,4rem);position:relative;z-index:1}@media(min-width:1025px){.education-container{padding:0 clamp(3rem,6vw,6rem)}}.section-title{font-size:clamp(1.875rem,3.5vw,2.75rem);color:var(--app-text);text-align:left;margin-bottom:var(--section-inner-gap, clamp(2rem, 4vw, 3rem));font-weight:700;display:flex;align-items:center;justify-content:flex-start;gap:clamp(.75rem,1.5vw,1rem);width:100%;flex-wrap:wrap;letter-spacing:-.02em;line-height:1.2}.section-title i{color:var(--accent-primary);font-size:clamp(1.75rem,3.5vw,2.5rem);animation:float 3s ease-in-out infinite;flex-shrink:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.education-card{display:flex;gap:clamp(1.75rem,3vw,2.5rem);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:clamp(2.25rem,4vw,3.5rem);transition:all .4s cubic-bezier(.4,0,.2,1);max-width:100%;margin:0 auto;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(min-width:1441px){.education-card{max-width:1200px}}.education-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-gradient);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.education-card:hover:before{transform:scaleX(1)}.education-card:hover{background:var(--card-bg-hover);border-color:var(--border);transform:translateY(-4px);box-shadow:0 12px 32px var(--card-shadow)}.education-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:clamp(60px,8vw,80px);height:clamp(60px,8vw,80px);background:var(--surface-alt, var(--card-bg-hover));border-radius:16px;border:1px solid var(--border);transition:all .4s ease;position:relative}.education-icon:after{content:"";position:absolute;inset:-2px;border-radius:16px;padding:2px;background:var(--accent-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.education-card:hover .education-icon{transform:scale(1.05) rotate(2deg);border-color:var(--accent-primary);background:var(--accent-soft);box-shadow:0 4px 16px var(--card-shadow)}.education-card:hover .education-icon:after{opacity:.6}.education-icon svg{transition:all .4s ease;color:var(--text-muted, var(--app-text-secondary))}.education-card:hover .education-icon svg{transform:scale(1.05);color:var(--accent-primary)}.education-content{flex:1}.education-content h3{color:var(--app-text);font-size:clamp(1.625rem,3.2vw,2.125rem);margin-bottom:clamp(.875rem,1.5vw,1.125rem);font-weight:700;letter-spacing:-.02em;line-height:1.25;background:linear-gradient(135deg,var(--app-text) 0%,var(--app-text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.education-card:hover .education-content h3{background:linear-gradient(135deg,var(--app-text) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.education-degree{color:var(--accent-primary);font-size:clamp(1.0625rem,2.1vw,1.3125rem);margin-bottom:clamp(.625rem,1vw,.875rem);font-weight:600;display:flex;align-items:center;gap:clamp(.375rem,.8vw,.5rem);line-height:1.4}.education-degree:before{content:"🎓";font-size:1.1rem}.education-grade{color:var(--app-text-secondary);margin-bottom:clamp(1.5rem,3vw,2rem);font-size:clamp(.9375rem,1.2vw,1.0625rem);display:inline-flex;align-items:center;gap:clamp(.375rem,.8vw,.5rem);padding:clamp(.5rem,.8vw,.625rem) clamp(.875rem,1.5vw,1.125rem);background:var(--accent-soft);border-radius:8px;border:1px solid var(--border);font-weight:500;line-height:1.4}.grade-label{color:var(--app-text-secondary);font-weight:500}.graduation-project{background:var(--surface-alt, var(--card-bg-hover));padding:clamp(1.75rem,3vw,2.25rem);border-radius:12px;border-left:clamp(3px,.5vw,4px) solid var(--accent-primary);border-top:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:all .4s ease;position:relative;overflow:hidden}.graduation-project:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-gradient);transform:scaleY(0);transform-origin:top;transition:transform .4s ease}.education-card:hover .graduation-project{background:var(--accent-soft);border-color:var(--border);border-left-color:var(--accent-primary);box-shadow:0 4px 16px var(--card-shadow);transform:translate(4px)}.education-card:hover .graduation-project:before{transform:scaleY(1)}.graduation-project h4{color:var(--app-text);font-size:clamp(1.2rem,2.2vw,1.375rem);margin-bottom:clamp(.75rem,1.5vw,1rem);font-weight:700;display:flex;align-items:center;gap:clamp(.5rem,1vw,.75rem);flex-wrap:wrap;line-height:1.35}.graduation-project h4:before{content:"✨";font-size:1.1rem}.project-label{color:var(--app-text-secondary);font-weight:600;font-size:clamp(.9375rem,1.1vw,1rem)}.graduation-project p{color:var(--app-text-secondary);line-height:1.75;margin:0;font-size:clamp(.9375rem,1.2vw,1.0625rem);transition:color .3s ease}.education-card:hover .graduation-project p{color:var(--app-text)}@media(min-width:769px)and (max-width:1024px){.education-card{gap:2rem;padding:clamp(2.5rem,4vw,3rem)}.education-icon{width:clamp(70px,8vw,80px);height:clamp(70px,8vw,80px)}}@media(max-width:768px){.education{padding:clamp(2.5rem,6vh,3rem) 0 clamp(4rem,8vh,5rem)}.education-container{padding:0 clamp(1.5rem,3vw,2rem)}.section-title{font-size:clamp(1.75rem,4vw,2rem);text-align:center;justify-content:center}.section-title i{font-size:clamp(1.5rem,3vw,1.75rem)}.education-card{flex-direction:column;padding:clamp(1.5rem,3vw,2rem);gap:clamp(1.25rem,2.5vw,1.5rem)}.education-icon{align-self:center;width:clamp(60px,12vw,70px);height:clamp(60px,12vw,70px)}.education-content h3{font-size:clamp(1.25rem,3vw,1.5rem);text-align:center}.education-degree{font-size:clamp(1rem,2vw,1.1rem);justify-content:center}.education-grade{justify-content:center;width:100%}.graduation-project{padding:clamp(1.25rem,2.5vw,1.5rem)}.graduation-project h4{font-size:clamp(1rem,2vw,1.1rem)}}@media(max-width:480px){.education-container{padding:0 clamp(1rem,4vw,1.5rem)}.education-card{padding:clamp(1.25rem,3vw,1.5rem)}.education-icon{width:clamp(55px,14vw,60px);height:clamp(55px,14vw,60px)}.education-content h3{font-size:clamp(1.1rem,4vw,1.25rem)}.graduation-project{padding:clamp(1rem,2.5vw,1.25rem)}}.home{width:100%;position:relative}@media(max-width:768px){.home{padding-bottom:clamp(5rem,12vh,7rem)}}@media(max-width:480px){.home{padding-bottom:clamp(4.5rem,10vh,6rem)}}.project-filters{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:2rem;margin-bottom:3rem;box-shadow:0 4px 12px var(--card-shadow)}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.filters-title{font-size:1.5rem;color:var(--app-text);font-weight:700;display:flex;align-items:center;gap:.75rem;margin:0}.filters-title i{font-size:1.25rem;color:var(--accent-primary)}.clear-filters-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--surface-alt, var(--card-bg-hover));border:1px solid var(--border);border-radius:8px;color:var(--app-text);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s}.clear-filters-btn:hover{background:var(--accent-soft);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.filter-group{margin-bottom:2rem}.filter-group:last-child{margin-bottom:0}.filter-group-label{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--app-text);margin-bottom:1rem}.filter-group-label i{color:var(--accent-primary);font-size:.875rem}.filter-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.toggle-tech-btn{background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--app-text);padding:.5rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.toggle-tech-btn:hover{background:var(--surface-alt, var(--card-bg-hover));border-color:var(--accent-primary);color:var(--accent-primary)}.toggle-tech-btn.active{background:var(--accent-soft);border-color:var(--accent-primary);color:var(--accent-primary)}.category-filters{margin-bottom:2rem}.category-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.category-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--surface-alt, var(--card-bg-hover));border:1px solid var(--border);border-radius:8px;color:var(--app-text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s}.category-btn:hover{background:var(--card-bg-hover);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.category-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 2px 8px var(--card-shadow)}.category-btn i{font-size:.875rem}.technology-filters{margin-bottom:1rem}.technology-tags{display:flex;flex-wrap:wrap;gap:.75rem;padding-top:.5rem}.tech-filter-tag{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:var(--surface-alt, var(--card-bg-hover));border:1px solid var(--border);border-radius:20px;color:var(--app-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s}.tech-filter-tag:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.tech-filter-tag.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 2px 8px var(--card-shadow)}.tech-filter-tag.active i{font-size:.75rem}.no-tech-message{color:var(--app-text-tertiary);font-size:.875rem;font-style:italic;padding:1rem 0}.active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;padding-top:1.5rem;border-top:1px solid var(--divider-color);margin-top:1.5rem}.active-filters-label{color:var(--app-text-secondary);font-size:.875rem;font-weight:600}.active-filter-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--accent-soft);border:1px solid var(--border);border-radius:20px;color:var(--accent-primary);font-size:.875rem;font-weight:500}.remove-filter-btn{background:transparent;border:none;color:var(--accent-primary);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;transition:all .3s}.remove-filter-btn:hover{background:var(--accent-soft);color:var(--accent-primary)}.remove-filter-btn i{font-size:.7rem}@media(max-width:768px){.project-filters{padding:1.5rem;margin-bottom:2rem}.filters-header{flex-direction:column;align-items:flex-start}.filters-title{font-size:1.25rem}.category-buttons{gap:.5rem}.category-btn{padding:.6rem 1.2rem;font-size:.85rem}.technology-tags{gap:.5rem}.tech-filter-tag{padding:.5rem 1rem;font-size:.8rem}.active-filters{gap:.5rem}.active-filter-badge{padding:.4rem .8rem;font-size:.8rem}}@media(max-width:480px){.project-filters{padding:1.25rem}.category-buttons{flex-direction:column}.category-btn{width:100%;justify-content:center}}.loading-shared{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;color:var(--app-text-secondary)}.loading-shared__spinner{border:3px solid var(--border);border-top-color:var(--accent-primary);border-radius:50%;animation:loading-spin 1s linear infinite;margin-bottom:1rem}.loading-shared--sm .loading-shared__spinner{width:28px;height:28px;border-width:2px;margin-bottom:.5rem}.loading-shared--md .loading-shared__spinner{width:50px;height:50px}.loading-shared--lg .loading-shared__spinner{width:72px;height:72px;border-width:4px;margin-bottom:1.25rem}.loading-shared__message{margin:0;font-size:1rem;color:var(--app-text-secondary)}.loading-shared--lg .loading-shared__message{font-size:1.25rem}@keyframes loading-spin{to{transform:rotate(360deg)}}.projects{padding:10rem 0;background:linear-gradient(135deg,var(--section-bg) 0%,var(--section-bg-alt) 100%);min-height:100vh}.projects-container{width:100%;max-width:100%;margin:0 auto;padding:0 clamp(1rem,4vw,4rem)}.section-title{font-size:3rem;color:var(--app-text);text-align:left;margin-bottom:3rem;font-weight:700;display:flex;align-items:center;gap:1rem}.section-title i{color:var(--accent-primary);font-size:2.5rem}.section-title strong{color:var(--app-text);font-weight:700}.section-title span{color:var(--app-text-secondary);font-weight:400}.section-subtitle{font-size:2rem;color:var(--app-text);margin:3rem 0 2rem;font-weight:700;display:flex;align-items:center;gap:1rem}.section-subtitle i{font-size:1.75rem;color:var(--accent-primary)}.projects-section{margin-bottom:4rem}.loading,.error{text-align:center;padding:3rem;color:var(--app-text-secondary)}.no-projects-message{text-align:center;padding:4rem 2rem;color:var(--app-text-secondary)}.no-projects-message i{font-size:3rem;color:var(--accent-primary);margin-bottom:1.5rem;opacity:.7}.no-projects-message p{font-size:1.25rem;margin:.5rem 0;color:var(--app-text)}.no-projects-hint{font-size:1rem!important;color:var(--app-text-tertiary)!important;font-style:italic;margin-top:.5rem}.spinner{width:50px;height:50px;border:3px solid var(--border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;justify-content:center}.project-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;overflow:hidden;transition:all .3s;display:flex;flex-direction:column;width:100%;margin:0 auto;box-shadow:0 4px 12px var(--card-shadow)}.project-card:hover{border-color:var(--accent-primary);transform:translateY(-5px);box-shadow:0 15px 40px var(--card-shadow-hover)}.project-card--clickable-case-study{cursor:pointer}.project-image-container{position:relative;width:100%;height:200px;overflow:hidden;background:var(--surface-alt, var(--card-bg-hover));transition:transform .3s}.project-image{width:100%;height:100%;object-fit:cover;display:block}.project-card:hover .project-image-container{transform:scale(1.05)}.project-badge{position:absolute;top:1rem;right:1rem;background:var(--accent-primary);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px var(--card-shadow)}.project-badge.category-frontend{background:#10b981}.project-badge.category-backend{background:#f59e0b}.project-badge.category-fullstack{background:var(--accent-primary)}.project-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.project-header{margin-bottom:1rem}.project-header h3{color:var(--app-text);font-size:1.25rem;font-weight:600;margin:0;text-transform:capitalize}.project-description{color:var(--app-text-secondary);line-height:1.6;margin-bottom:1rem;flex-grow:1}.project-features{list-style:none;padding:0;margin:0 0 1rem;color:var(--app-text-secondary);font-size:.9rem}.project-features li{padding:.25rem 0 .25rem 1.5rem;position:relative}.project-features li:before{content:"✓";position:absolute;left:0;color:var(--accent-primary);font-weight:700}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-tag{background:var(--surface-alt, var(--card-bg-hover));color:var(--app-text);padding:.4rem .9rem;border-radius:6px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:none;transition:all .3s;border:1px solid var(--border)}.tech-tag:hover{transform:translateY(-2px);border-color:var(--accent-primary);color:var(--accent-primary)}.project-topics{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.topic-tag{background:var(--accent-soft);color:var(--accent-primary);padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500;border:1px solid transparent}.project-meta{display:flex;gap:1rem;margin-bottom:1.5rem;padding-top:1rem;border-top:1px solid var(--divider-color);flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.5rem;color:var(--app-text-secondary);font-size:.875rem}.meta-item i{color:var(--accent-primary)}.language-dot{width:12px;height:12px;border-radius:50%;background:var(--accent-primary)}.project-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:auto;align-items:stretch;min-width:0}.btn-view{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;min-width:0;background:var(--accent-primary);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s;font-size:.9rem;border:1px solid transparent;text-align:center}.btn-view:hover{background:var(--accent-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px var(--card-shadow)}.btn-view-secondary{background:transparent;border:1px solid var(--border);color:var(--app-text)}.btn-view-secondary:hover{background:var(--surface-alt, var(--card-bg-hover));border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px var(--card-shadow)}.btn-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-disabled:hover{transform:none;box-shadow:none;background:transparent;border-color:var(--border)}@media(min-width:769px){.projects{padding:clamp(8rem,15vh,10rem) 0}}@media(min-width:1025px){.projects-container{padding:0 clamp(3rem,6vw,6rem);max-width:100%}}@media(max-width:768px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(1.5rem,3vw,2rem)}}.project-image-container{height:clamp(160px,25vw,200px)}.project-content{padding:clamp(1.25rem,2.5vw,1.5rem)}@media(min-width:1441px){.projects-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1025px)and (max-width:1440px){.projects-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:769px)and (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.projects{padding:clamp(6rem,12vh,8rem) 0 clamp(2.5rem,6vh,3rem)}.projects-container{padding:0 clamp(1.5rem,3vw,2rem)}.section-title{font-size:clamp(1.75rem,4vw,2rem);text-align:center;justify-content:center}.section-title i{font-size:clamp(1.5rem,3vw,1.75rem)}.section-subtitle{font-size:clamp(1.25rem,3vw,1.5rem);text-align:center;justify-content:center}.projects-grid{grid-template-columns:1fr;gap:clamp(1.25rem,2.5vw,1.5rem)}.project-image-container{height:clamp(150px,30vw,180px)}.project-content{padding:clamp(1rem,2vw,1.25rem)}.project-actions{grid-template-columns:1fr}}@media(max-width:480px){.projects{padding:clamp(5rem,10vh,6rem) 0 clamp(2rem,5vh,2.5rem)}.projects-container{padding:0 clamp(1rem,4vw,1.5rem)}.project-image-container{height:clamp(140px,35vw,160px)}}.projects-page{padding-top:clamp(1rem,2vh,2rem);min-height:100vh}.contact{padding:clamp(180px,22vh,200px) 0 clamp(3rem,6vw,5rem);background:linear-gradient(135deg,var(--section-bg) 0%,var(--section-bg-alt) 100%);min-height:100vh}.contact-container{width:100%;max-width:100%;margin:0 auto;padding:0 clamp(1rem,4vw,4rem)}@media(min-width:1025px){.contact-container{padding:0 clamp(3rem,6vw,6rem)}}.contact-header{text-align:center;margin-bottom:clamp(2rem,4vw,4rem)}.contact-title{font-size:clamp(2rem,4vw,3rem);color:var(--app-text);margin-bottom:clamp(.75rem,1.5vw,1rem);font-weight:700}.contact-subtitle{color:var(--app-text-secondary);font-size:clamp(1rem,1.5vw,1.125rem)}.contact-content{display:grid;grid-template-columns:1fr 2fr;gap:clamp(2rem,4vw,4rem);align-items:start}.contact-info h2{color:var(--app-text);font-size:clamp(1.5rem,3vw,2rem);margin-bottom:clamp(.75rem,1.5vw,1rem);font-weight:600}.contact-info p{color:var(--app-text-secondary);margin-bottom:clamp(1rem,2vw,1.5rem);font-size:clamp(.95rem,1.3vw,1rem)}.contact-email-wrapper{position:relative;display:inline-flex;align-items:center;gap:.5rem;margin-bottom:2rem}.contact-email{display:inline-flex;align-items:center;gap:clamp(.5rem,1vw,.75rem);color:var(--app-text);font-size:clamp(.95rem,1.3vw,1.125rem);text-decoration:none;padding:clamp(.75rem,1.5vw,1rem) clamp(1rem,2vw,1.5rem);background:var(--surface-alt, var(--card-bg-hover));border:1px solid var(--border);border-radius:8px;transition:all .3s;cursor:pointer}.contact-email:hover{background:var(--accent-soft);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.btn-copy-email{display:flex;align-items:center;justify-content:center;width:clamp(40px,5vw,46px);height:clamp(40px,5vw,46px);background:var(--surface-alt, var(--card-bg-hover));border:1px solid var(--border);border-radius:10px;color:var(--app-text);cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0;position:relative;font-family:inherit;overflow:hidden}.btn-copy-email:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--accent-soft, transparent),transparent);opacity:.6;transition:left .5s ease}.btn-copy-email:hover:before{left:100%}.btn-copy-email .copy-icon{color:var(--accent-primary);width:clamp(18px,2.5vw,20px);height:clamp(18px,2.5vw,20px);stroke-width:2;transition:all .2s ease;position:relative;z-index:1}.btn-copy-email:hover{background:var(--accent-soft);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:var(--card-shadow)}.btn-copy-email:hover .copy-icon{transform:scale(1.1);color:var(--accent-primary)}.btn-copy-email:active{transform:translateY(0);box-shadow:0 1px 4px var(--card-shadow)}.btn-copy-email.copied{border-color:var(--accent-primary);background:var(--accent-soft);animation:copySuccess .5s ease;box-shadow:0 0 0 3px var(--accent-soft)}.btn-copy-email.copied .copy-icon{color:var(--accent-primary);transform:scale(1.05)}@keyframes copySuccess{0%{transform:scale(1);box-shadow:0 0 0 0 var(--accent-soft, transparent)}30%{transform:scale(1.02);box-shadow:0 0 0 6px transparent}to{transform:scale(1);box-shadow:0 0 0 0 transparent}}.copy-feedback{position:absolute;top:-2.5rem;left:50%;transform:translate(-50%);background:var(--accent-primary);color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;white-space:nowrap;animation:fadeInOut 2s ease-in-out;pointer-events:none;z-index:10;box-shadow:0 4px 12px var(--card-shadow)}.copy-feedback:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--accent-primary)}@keyframes fadeInOut{0%,to{opacity:0;transform:translate(-50%) translateY(-10px)}10%,90%{opacity:1;transform:translate(-50%) translateY(0)}}.contact-social{display:flex;gap:clamp(.75rem,1.5vw,1rem)}.social-link{display:flex;align-items:center;justify-content:center;width:clamp(42px,5vw,48px);height:clamp(42px,5vw,48px);background:var(--surface-alt, var(--card-bg-hover));border:1px solid var(--border);border-radius:8px;color:var(--text-muted, var(--app-text-secondary));text-decoration:none;transition:all .3s}.social-link:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--accent-glow)}.contact-form{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:clamp(1.5rem,3vw,2.5rem);box-shadow:0 4px 12px var(--card-shadow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2vw,1.5rem);margin-bottom:clamp(1rem,2vw,1.5rem)}.form-group{display:flex;flex-direction:column;margin-bottom:clamp(1rem,2vw,1.5rem)}.form-row .form-group{margin-bottom:0}.form-group label{color:var(--app-text);margin-bottom:clamp(.375rem,.8vw,.5rem);font-weight:500;font-size:clamp(.9rem,1.2vw,1rem)}.form-group input,.form-group select,.form-group textarea{background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;padding:clamp(.75rem,1.2vw,.875rem) clamp(.875rem,1.5vw,1rem);color:var(--input-text);font-size:clamp(.9rem,1.2vw,1rem);font-family:inherit;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 3px var(--accent-soft)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--input-placeholder)}.form-group textarea{resize:vertical}.custom-subject-group{animation:slideDown .3s ease-out;overflow:hidden}@keyframes slideDown{0%{opacity:0;max-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:200px;margin-top:0;margin-bottom:clamp(1rem,2vw,1.5rem);padding-top:0;padding-bottom:0}}.custom-subject-group input{animation:fadeIn .4s ease-out .1s both}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-message{padding:1rem;border-radius:8px;margin-bottom:1rem;text-align:center;font-weight:500}.form-message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.form-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.form-message.sending{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#3b82f6}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.btn-reset,.btn-submit{padding:clamp(.75rem,1.5vw,.875rem) clamp(1.5rem,3vw,2rem);border-radius:8px;font-weight:600;font-size:clamp(.9rem,1.2vw,1rem);cursor:pointer;transition:all .3s;border:none;display:inline-flex;align-items:center;gap:clamp(.375rem,.8vw,.5rem)}.btn-reset{background:var(--surface-alt, var(--card-bg-hover));color:var(--app-text);border:1px solid var(--border)}.btn-reset:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.btn-submit{background:var(--accent-primary);color:#fff}.btn-submit:hover{background:var(--accent-primary-hover);transform:translateY(-2px);box-shadow:var(--accent-glow)}.btn-submit:disabled{background:var(--surface-alt, var(--card-bg-hover));color:var(--app-text-tertiary);cursor:not-allowed;opacity:.6}.btn-submit:disabled:hover{background:var(--surface-alt, var(--card-bg-hover));transform:none;box-shadow:none}.coming-soon{font-size:.875rem;opacity:.8;font-weight:400}@media(max-width:1024px){.contact-content{grid-template-columns:1fr;gap:clamp(2rem,4vw,3rem)}}@media(max-width:768px){.contact{padding:clamp(160px,20vh,180px) 0 clamp(2rem,4vw,3rem)}.contact-container{padding:0 clamp(1rem,3vw,1.5rem)}.form-row{grid-template-columns:1fr}.contact-form{padding:clamp(1.25rem,3vw,1.5rem)}.form-actions{flex-direction:column}.btn-reset,.btn-submit{width:100%;justify-content:center}.contact-email-wrapper{flex-direction:column;align-items:stretch}.btn-copy-email{width:clamp(40px,5vw,46px);margin-top:clamp(.375rem,1vw,.5rem);justify-content:center}.copy-feedback{top:auto;bottom:-2.5rem;left:50%}.copy-feedback:after{top:-6px;bottom:auto;border-top:none;border-bottom:6px solid var(--accent-primary)}}@media(max-width:480px){.contact{padding:clamp(150px,18vh,170px) 0 clamp(1.5rem,3vw,2rem)}.contact-container{padding:0 clamp(.875rem,2.5vw,1rem)}}.contact-page{padding-top:clamp(1rem,2vh,2rem);min-height:100vh}.blog{padding:clamp(4rem,8vw,6rem) 0 clamp(5rem,8vw,8rem);background:linear-gradient(135deg,var(--section-bg) 0%,var(--section-bg-alt) 100%);min-height:100vh}.blog-container{width:100%;max-width:min(1520px,96vw);margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem)}.blog-hero{margin-bottom:4rem}.blog-page-title{font-size:var(--font-size-3xl, clamp(2rem, 1.7rem + 1.5vw, 3rem));color:var(--app-text);font-weight:700;margin-bottom:.75rem;letter-spacing:-.02em}.blog-intro{color:var(--app-text-secondary);font-size:var(--font-size-base, 1.125rem);max-width:720px;line-height:1.7;margin-bottom:2rem}.blog-hero-actions{display:flex;flex-direction:column;gap:1.25rem}.blog-search-wrap{position:relative;max-width:360px}.blog-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--app-text-tertiary);font-size:.9375rem;pointer-events:none}.blog-search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:var(--surface-alt, var(--card-bg-hover));border:1px solid var(--border);border-radius:12px;color:var(--app-text);font-size:.9375rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.blog-search-input::placeholder{color:var(--app-text-tertiary)}.blog-search-input:hover{border-color:var(--app-text-tertiary)}.blog-search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-soft)}.blog-filters{display:flex;gap:.75rem;flex-wrap:wrap}.filter-btn{padding:.625rem 1.25rem;background:var(--surface-alt, var(--card-bg-hover));border:1px solid var(--border);border-radius:10px;color:var(--app-text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .25s ease;font-family:inherit}.filter-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.filter-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:var(--accent-glow)}.filter-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.blog-state{text-align:center;padding:4rem 2rem;color:var(--app-text-secondary)}.blog-state i{font-size:2.5rem;color:var(--accent-primary);margin-bottom:1rem;display:block}.blog-state i.fa-spinner{animation:blog-spin 1s linear infinite}@keyframes blog-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blog-state p{font-size:1.125rem;max-width:420px;margin-left:auto;margin-right:auto}.blog-empty-reset{margin-top:1rem;padding:.5rem 1rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:8px;color:var(--accent-primary);font-weight:600;font-size:.875rem;cursor:pointer;font-family:inherit;transition:background .2s ease,border-color .2s ease}.blog-empty-reset:hover{background:var(--accent-soft);border-color:var(--accent-primary)}.blog-featured-section{margin-bottom:4rem}.blog-featured-label{display:inline-block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-primary);margin-bottom:.75rem}.blog-featured-card{display:grid;grid-template-columns:1.5fr 1fr;gap:0;background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;box-shadow:0 12px 40px var(--card-shadow)}.blog-featured-card:hover{border-color:var(--accent-primary);box-shadow:0 20px 50px var(--card-shadow);transform:translateY(-2px)}.blog-featured-image-wrap{position:relative;min-height:420px;overflow:hidden;background:var(--surface-alt, var(--section-bg-alt))}.blog-featured-image{width:100%;height:100%;min-height:420px;object-fit:cover;transition:transform .5s ease}.blog-featured-card:hover .blog-featured-image{transform:scale(1.03)}.blog-featured-image-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.25) 35%,transparent 60%);pointer-events:none}.blog-featured-avatar{position:absolute;top:1.25rem;left:1.25rem;width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 12px #00000040;z-index:2}.blog-featured-title-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem 2rem 1.5rem;margin:0;font-size:clamp(1.35rem,2.2vw,1.85rem);font-weight:700;line-height:1.3;letter-spacing:-.02em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4);z-index:1}.blog-featured-image-meta{position:absolute;bottom:1.25rem;left:1.25rem;right:1.25rem;display:flex;align-items:center;justify-content:space-between;z-index:1}.blog-featured-meta-left,.blog-featured-meta-right{display:inline-flex;align-items:center;gap:.375rem;color:#fffffff2;font-size:.8125rem;font-weight:500}.blog-featured-meta-left i,.blog-featured-meta-right i{opacity:.9}.blog-featured-body{padding:clamp(2.25rem,4vw,3.5rem);display:flex;flex-direction:column;justify-content:center}.blog-featured-body .blog-featured-excerpt{margin-bottom:1.5rem}.blog-featured-excerpt{color:var(--app-text-secondary);font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.blog-featured-cta{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent-primary);font-weight:600;font-size:1rem;margin-top:auto;transition:gap .2s ease}.blog-featured-card:hover .blog-featured-cta{gap:.75rem}.blog-featured-image-wrap .blog-category-pill--top-right,.blog-featured-image-wrap [class*=category]{position:absolute;top:1.25rem;right:1.25rem;left:auto;background:var(--accent-primary);color:#fff;padding:.4rem 1rem;border-radius:8px;font-size:.8125rem;font-weight:600;text-transform:capitalize;z-index:2}.blog-featured-card .blog-category-pill--top-right{position:absolute;top:1.25rem;right:1.25rem;left:auto}:root{--blog-card-inset: 1rem}.blog-highlighted-section{margin-bottom:4rem}.blog-section-heading{font-size:1.25rem;color:var(--app-text);font-weight:600;margin-bottom:1.5rem;letter-spacing:-.02em}.blog-highlighted-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.blog-card--highlighted .blog-card-image-wrap{aspect-ratio:16 / 9;min-height:0}.blog-card-image-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.35) 0%,transparent 55%);pointer-events:none}.blog-card:not(.blog-card--highlighted) .blog-card-image-overlay{display:none}.blog-grid-section{margin-bottom:4rem}.blog-grid{display:grid;gap:2rem}.blog-grid--latest{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media(min-width:900px){.blog-grid--latest{grid-template-columns:repeat(3,1fr)}}.blog-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;overflow:hidden;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;box-shadow:0 4px 20px var(--card-shadow)}.blog-card:hover{border-color:var(--accent-primary);transform:translateY(-3px);box-shadow:0 12px 36px var(--card-shadow)}.blog-card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.blog-card-image-wrap{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--surface-alt, var(--section-bg-alt))}.blog-card-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.blog-card:hover .blog-card-image{transform:scale(1.04)}.blog-card-pill{position:absolute;z-index:2;font-size:.8125rem;font-weight:500;padding:.35rem .75rem;border-radius:8px}.blog-card-pill--category{top:var(--blog-card-inset, 1rem);right:var(--blog-card-inset, 1rem);left:auto;bottom:auto;background:var(--accent-primary);color:#fff;font-weight:600;text-transform:capitalize}.blog-card-pill--read-time{bottom:var(--blog-card-inset, 1rem);right:var(--blog-card-inset, 1rem);top:auto;left:auto;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.blog-card-avatar{position:absolute;border-radius:50%;object-fit:cover;border:2px solid var(--card-bg);box-shadow:0 2px 10px #0003;z-index:2}.blog-card-avatar--top-left{top:var(--blog-card-inset, 1rem);left:var(--blog-card-inset, 1rem);width:36px;height:36px}.blog-card-avatar--bottom-left{bottom:var(--blog-card-inset, 1rem);left:var(--blog-card-inset, 1rem);top:auto;width:32px;height:32px}.blog-card-body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;flex:1;min-width:0}.blog-card-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.625rem;font-size:.8125rem;color:var(--app-text-secondary)}.blog-card-meta-left,.blog-card-meta-right{display:inline-flex;align-items:center;gap:.35rem}.blog-card-meta i{color:var(--accent-primary);font-size:.75rem;opacity:.9}.blog-card-title{font-size:1.0625rem;color:var(--app-text);font-weight:600;line-height:1.4;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-excerpt{color:var(--app-text-secondary);font-size:.9375rem;line-height:1.5;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.75rem}.blog-card-cta{display:inline-flex;align-items:center;gap:.375rem;color:var(--accent-primary);font-weight:600;font-size:.875rem;margin-top:auto;transition:gap .2s ease}.blog-card:hover .blog-card-cta{gap:.5rem}.blog-topics-section{margin-bottom:4rem}.blog-topics-heading{font-size:1.125rem;color:var(--app-text);font-weight:600;margin-bottom:1.25rem;letter-spacing:-.01em}.blog-topics{display:flex;flex-wrap:wrap;gap:.75rem}.blog-topic-chip{display:inline-flex;align-items:center;padding:.625rem 1.25rem;background:var(--surface-alt, var(--card-bg-hover));border:1px solid var(--border);border-radius:12px;color:var(--app-text-secondary);font-size:.9375rem;font-weight:500;transition:all .2s ease;font-family:inherit;cursor:pointer}.blog-topic-chip:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.blog-topic-chip.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.blog-bottom-cta{padding:2.5rem 3rem;background:var(--surface-alt, var(--card-bg-hover));border:1px solid var(--border);border-radius:20px;text-align:center}.blog-bottom-cta-text{color:var(--app-text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1.25rem;max-width:480px;margin-left:auto;margin-right:auto}.blog-bottom-cta-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent-primary);font-weight:600;font-size:1rem;text-decoration:none;transition:gap .2s ease}.blog-bottom-cta-link:hover{gap:.75rem}@media(max-width:1024px){.blog-featured-card{grid-template-columns:1fr}.blog-featured-image-wrap,.blog-featured-image{min-height:340px}.blog-featured-title-overlay{padding:1.5rem 1.25rem 1rem;font-size:clamp(1.15rem,4vw,1.4rem)}.blog-highlighted-grid{grid-template-columns:1fr}.blog-grid--latest{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.blog{padding:clamp(4rem,6vw,6rem) 0 3rem}.blog-hero,.blog-featured-section,.blog-highlighted-section,.blog-grid-section,.blog-topics-section{margin-bottom:3rem}.blog-container{padding:0 var(--padding-container-tablet, 2rem)}.blog-page-title{font-size:1.75rem}.blog-intro{font-size:1rem}.blog-featured-body{padding:2rem 1.5rem}.blog-featured-title-overlay{padding:1.25rem 1rem .875rem;font-size:1.2rem}.blog-featured-avatar{width:36px;height:36px;top:1rem;left:1rem}.blog-featured-image-meta{bottom:1rem;left:1rem;right:1rem}.blog-grid--latest{grid-template-columns:1fr;gap:1.5rem}.blog-card-body{padding:1rem 1.25rem}}@media(max-width:480px){.blog-container{padding:0 var(--padding-container-mobile, 1rem)}.blog-featured-image-wrap,.blog-featured-image{min-height:280px}.blog-search-wrap{max-width:100%}.blog-card-body{padding:1rem 1.25rem}.blog-bottom-cta{padding:1.5rem 1.25rem}}.blog-page{padding-top:clamp(1rem,2vh,2rem);min-height:100vh}.blog-details-page{padding-top:clamp(1rem,2vh,2rem);padding-bottom:4rem;min-height:100vh;background:linear-gradient(135deg,var(--section-bg) 0%,var(--section-bg-alt) 100%);position:relative}.blog-details-page.rtl{direction:rtl}.blog-details-container{max-width:min(1600px,96vw);margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem);position:relative;z-index:1}.back-button{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 1.75rem;background:var(--surface-alt, var(--card-bg-hover));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:12px;color:var(--accent-primary);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;font-size:1rem;margin-bottom:2rem;box-shadow:0 4px 12px var(--card-shadow)}.back-button:hover{background:var(--accent-soft);border-color:var(--accent-primary);transform:translate(-4px);box-shadow:0 6px 20px var(--card-shadow)}.back-button.rtl:hover{transform:translate(4px)}.back-button i{transition:transform .3s cubic-bezier(.4,0,.2,1)}.back-button:hover i{transform:translate(-4px)}.back-button.rtl:hover i{transform:translate(4px)}.blog-details-article{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:24px;overflow:hidden;padding:0;box-shadow:0 20px 60px var(--card-shadow),0 0 0 1px var(--card-border) inset;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-details-header{padding:0;position:relative}.blog-details-image-container{position:relative;width:100%;height:clamp(380px,42vh,520px);overflow:hidden;background:var(--surface-alt, var(--card-bg-hover))}.blog-details-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.blog-details-image-container:hover .blog-details-image{transform:scale(1.05)}.blog-details-image-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000,#0003 70%,#00000080);pointer-events:none}.blog-details-category-badge{position:absolute;top:1.5rem;right:1.5rem;background:var(--accent-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:.625rem 1.25rem;border-radius:12px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 16px var(--card-shadow);z-index:2;transition:all .3s ease}.blog-details-category-badge:hover{transform:scale(1.05);box-shadow:0 6px 24px var(--card-shadow)}.blog-details-header-avatar{position:absolute;top:1.5rem;left:1.5rem;width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--card-bg);box-shadow:0 2px 12px #00000040;z-index:2}.blog-details-article.rtl .blog-details-header-avatar{left:auto;right:1.5rem}.blog-details-read-time-pill{position:absolute;bottom:1.25rem;right:1.25rem;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:.5rem .875rem;border-radius:10px;font-size:.875rem;font-weight:500;z-index:2}.blog-details-article.rtl .blog-details-read-time-pill{right:auto;left:1.25rem}.blog-details-article.rtl .blog-details-category-badge{right:auto;left:1.5rem}.blog-details-header-content{padding:clamp(2.5rem,4vw,3.5rem) clamp(2rem,4vw,4rem);background:var(--card-bg)}.blog-details-title{margin-bottom:1rem}.blog-details-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;padding:0;background:transparent;border-radius:0;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.blog-details-meta--split{justify-content:space-between}.blog-details-meta-left{display:inline-flex;align-items:center;gap:1rem}.blog-details-meta.rtl,.blog-details-meta.rtl .blog-details-meta-left{flex-direction:row-reverse}.blog-details-meta span{display:flex;align-items:center;gap:.5rem;color:var(--app-text-secondary);font-size:.875rem;font-weight:500}.blog-details-meta i{color:var(--accent-primary);font-size:.875rem;width:16px;text-align:center}.blog-details-meta-divider{width:1px;height:20px;background:var(--border);flex-shrink:0}.blog-details-title{font-size:clamp(1.75rem,3.5vw,2.5rem);color:var(--app-text);font-weight:700;line-height:1.28;letter-spacing:-.02em;background:linear-gradient(135deg,var(--app-text) 0%,var(--app-text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;max-width:42ch}.blog-details-title.rtl{text-align:right;direction:rtl;font-family:Cairo,Segoe UI,Tahoma,Arial,sans-serif;-webkit-text-fill-color:var(--app-text);background:none}.blog-details-excerpt.blog-details-intro{color:var(--app-text-secondary);font-size:1.25rem;line-height:1.75;margin-bottom:0;font-weight:400;max-width:60ch}.blog-details-excerpt.rtl,.blog-details-intro.rtl{text-align:right;direction:rtl;font-family:Cairo,Segoe UI,Tahoma,Arial,sans-serif}.blog-details-body-wrap{display:grid;grid-template-columns:1fr;gap:2rem;border-top:1px solid var(--card-border)}.blog-details-toc{order:-1;padding:1.5rem 0 0}.blog-details-toc-title{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--app-text-secondary);margin-bottom:1rem}.blog-details-toc-list{list-style:none;margin:0;padding:0}.blog-details-toc-item{margin:0;padding:0}.blog-details-toc-item.h2{margin-bottom:.375rem}.blog-details-toc-item.h3,.blog-details-toc-item.h4{padding-left:1rem;margin-bottom:.25rem}.blog-details-toc-link{font-size:.9375rem;color:var(--app-text-secondary);text-decoration:none;line-height:1.4;display:block;border-left:2px solid transparent;padding:.25rem 0 .25rem .5rem;margin-left:-.5rem;transition:color .2s ease,border-color .2s ease}.blog-details-toc-link:hover{color:var(--accent-primary)}.blog-details-toc-item.h3 .blog-details-toc-link,.blog-details-toc-item.h4 .blog-details-toc-link{font-size:.875rem;color:var(--app-text-tertiary)}.blog-details-toc-item.h3 .blog-details-toc-link:hover,.blog-details-toc-item.h4 .blog-details-toc-link:hover{color:var(--accent-primary)}.blog-details-summary{padding:1.5rem 1.5rem 1.5rem 1.25rem;margin-bottom:2.5rem;background:var(--surface-alt, var(--card-bg-hover));border:1px solid var(--border);border-radius:14px;border-left:4px solid var(--accent-primary)}.blog-details-content.rtl .blog-details-summary{border-left:none;border-right:4px solid var(--accent-primary)}.blog-details-summary-title{font-size:.9375rem;font-weight:700;color:var(--app-text);margin-bottom:.75rem}.blog-details-summary-list{margin:0;padding-left:1.25rem;color:var(--app-text-secondary);font-size:.9375rem;line-height:1.6}.blog-details-content.rtl .blog-details-summary-list{padding-left:0;padding-right:1.25rem}.blog-details-summary-list a{color:var(--accent-primary);text-decoration:none}.blog-details-summary-list a:hover{text-decoration:underline}.blog-details-content{padding:2.5rem 0 3.5rem;color:var(--app-text);line-height:1.85;font-size:1.125rem;background:var(--section-bg-alt);max-width:100%;min-width:0}.blog-details-content .blog-details-content-inner{max-width:95ch}.blog-details-content.rtl{direction:rtl;text-align:right;font-family:Cairo,Segoe UI,Tahoma,Arial,sans-serif}.content-header{color:var(--app-text);font-weight:700;margin-top:3.25rem;margin-bottom:1rem;line-height:1.3;letter-spacing:-.01em;position:relative;padding-left:1rem;scroll-margin-top:6rem;max-width:95ch}.content-header:first-of-type{margin-top:2rem}.content-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent-gradient);border-radius:2px}.blog-details-content.rtl .content-header{text-align:right;direction:rtl;padding-left:0;padding-right:1rem}.blog-details-content.rtl .content-header:before{left:auto;right:0}.content-header.h1{font-size:2.25rem;margin-top:2rem}.content-header.h2{font-size:1.75rem;margin-top:2.25rem}.content-header.h3{font-size:1.375rem;margin-top:1.75rem}.content-header.h4{font-size:1.2rem}.content-header.h5,.content-header.h6{font-size:1.125rem}.content-paragraph{margin-bottom:1.6rem;color:var(--app-text);font-size:1.125rem;max-width:95ch}.blog-details-content.rtl .content-paragraph{text-align:right;direction:rtl}.content-paragraph.emoji-line{font-size:1.25rem;font-weight:500;margin-bottom:2rem;padding:1rem 1.5rem;background:var(--accent-soft);border-left:3px solid var(--accent-primary);border-radius:8px}.blog-details-content.rtl .content-paragraph.emoji-line{text-align:right;direction:rtl;border-left:none;border-right:3px solid var(--accent-primary)}.content-blockquote{margin:2rem 0;padding:1.5rem 1.75rem 1.5rem 2rem;background:var(--accent-soft);border-left:4px solid var(--accent-primary);border-radius:0 12px 12px 0;font-style:italic;color:var(--app-text-secondary);max-width:95ch}.blog-details-content.rtl .content-blockquote{border-left:none;border-right:4px solid var(--accent-primary);padding:1.25rem 2rem 1.25rem 1.5rem;border-radius:12px 0 0 12px}.content-blockquote-p{margin:0 0 .75rem;line-height:1.7}.content-blockquote-p:last-child{margin-bottom:0}.content-hr{border:none;height:1px;background:var(--border);margin:2.5rem 0}.content-inline-code,.blog-details-content .content-paragraph code,.blog-details-content .content-blockquote-p code{background:var(--card-bg);border:1px solid var(--card-border);padding:.2em .5em;border-radius:6px;font-family:Fira Code,Courier New,monospace;font-size:.9em;color:var(--accent-primary)}.content-list{margin:2rem 0;padding-left:1.75rem}.blog-details-content.rtl .content-list{padding-left:0;padding-right:1.75rem}.content-list-ul{list-style-type:disc}.content-list-ol{list-style-type:decimal}.content-list li{margin-bottom:.6rem;line-height:1.8}.content-list li:last-child{margin-bottom:0}.blog-details-content ul:not(.content-list):not(.blog-details-summary-list):not(.blog-details-toc-list),.blog-details-content ol:not(.content-list){margin:1.75rem 0;padding-left:1.75rem}@media(min-width:960px){.blog-details-body-wrap{grid-template-columns:180px 1fr;gap:2.5rem;padding:2.5rem clamp(2rem,4vw,3.5rem) 0}.blog-details-toc{order:0;position:sticky;top:2rem;align-self:start;padding:0;flex-shrink:0;max-width:180px}.blog-details-content{padding:0 0 3.5rem;min-width:0}}.blog-details-content.rtl ul,.blog-details-content.rtl ol{padding-left:0;padding-right:1.75rem}.blog-details-content li{margin-bottom:.5rem;line-height:1.75}.content-callout{margin:2rem 0;padding:1.25rem 1.5rem;border-radius:12px;border-left:4px solid}.blog-details-content.rtl .content-callout{border-left:none;border-right:4px solid}.content-callout.info{background:#3b82f614;border-color:#3b82f6}.content-callout.warning{background:#f59e0b14;border-color:#f59e0b}.content-callout.highlight{background:var(--accent-soft);border-color:var(--accent-primary)}.code-block{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:2rem 1.75rem;margin:2.5rem 0;overflow-x:auto;font-family:Fira Code,Courier New,monospace;font-size:.95rem;line-height:1.7;direction:ltr;text-align:left;position:relative;box-shadow:0 4px 16px var(--card-shadow),inset 0 1px 0 var(--card-border);max-width:100%}.code-block:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-gradient);border-radius:12px 12px 0 0}.code-block code{color:#38bdf8;white-space:pre;font-weight:400}.blog-details-related{padding:clamp(2.5rem,4vw,3.5rem) clamp(2rem,4vw,4rem);border-top:1px solid var(--card-border);background:var(--surface-alt, var(--section-bg-alt))}.blog-details-related-heading{font-size:var(--font-size-lg);color:var(--app-text);font-weight:600;margin:0 0 var(--spacing-md);letter-spacing:-.02em}.blog-details-related-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md);list-style:none;margin:0;padding:0}.blog-details-related-list>li{min-width:0}.blog-details-related-card{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;background:var(--card-bg);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.blog-details-related-card:hover{border-color:var(--accent-primary);box-shadow:0 12px 32px var(--card-shadow);transform:translateY(-2px)}.blog-details-related-card-image{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--section-bg-alt)}.blog-details-related-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.blog-details-related-card:hover .blog-details-related-card-image img{transform:scale(1.04)}.blog-details-related-card-meta{position:absolute;bottom:0;left:0;right:0;padding:.5rem 1rem;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fffffff2;font-size:.75rem;font-weight:500}.blog-details-related-card-body{display:flex;flex-direction:column;flex:1;padding:1rem 1.25rem;gap:.75rem}.blog-details-related-card-title{font-size:.9375rem;font-weight:600;color:var(--app-text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.blog-details-related-card-cta{display:inline-flex;align-items:center;gap:.5rem;margin-top:auto;font-size:.875rem;font-weight:600;color:var(--accent-primary);transition:gap .2s ease}.blog-details-related-card:hover .blog-details-related-card-cta{gap:.625rem}.blog-details-article.rtl .blog-details-related-card-cta{flex-direction:row-reverse}.blog-details-footer{padding:clamp(2rem,3vw,2.5rem) clamp(2rem,4vw,4rem);border-top:1px solid var(--card-border);background:var(--card-bg)}.blog-details-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:1.25rem;max-width:100%}.blog-details-nav-group{min-width:0;display:flex}.blog-details-nav-placeholder{min-width:0;display:block}.blog-details-nav-all{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:var(--accent-primary);color:#fff;border-radius:12px;font-weight:600;font-size:.9375rem;text-decoration:none;transition:background .2s ease,transform .2s ease;align-self:center;box-shadow:0 4px 14px rgba(var(--accent-rgb),.35)}.blog-details-nav-all:hover{background:var(--accent-hover, #6d28d9);transform:translateY(-1px)}.blog-details-nav-all i{transition:transform .2s ease}.blog-details-nav-all:hover i{transform:translate(3px)}.blog-details-nav-all.rtl:hover i{transform:translate(-3px)}.blog-details-nav-link{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.25rem;border-radius:12px;border:1px solid var(--border);background:var(--surface-alt, transparent);color:var(--app-text);text-decoration:none;transition:border-color .2s ease,background .2s ease;width:100%;min-width:0}.blog-details-nav-link:hover{border-color:var(--accent-primary);background:var(--accent-soft)}.blog-details-nav-link.prev{align-items:flex-start;text-align:left}.blog-details-nav-link.next,.blog-details-nav-link.rtl.prev{align-items:flex-end;text-align:right}.blog-details-nav-link.rtl.next{align-items:flex-start;text-align:left}.blog-details-nav-link-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-primary)}.blog-details-nav-link-title{font-size:.9375rem;font-weight:500;color:var(--app-text);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.not-found-content{text-align:center;padding:4rem 2rem;color:var(--app-text)}.not-found-content h1{font-size:2rem;color:var(--app-text);margin-bottom:1rem}.not-found-content p{font-size:1.125rem;color:var(--app-text-secondary);margin-bottom:2rem}.not-found-content .back-to-blog-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--accent-primary);color:#fff;border-radius:12px;font-weight:600;text-decoration:none;transition:background .2s ease,transform .2s ease}.not-found-content .back-to-blog-btn:hover{background:var(--accent-hover, #6d28d9);transform:translateY(-1px)}@media(max-width:1024px){.blog-details-container{padding:0 1.5rem}.blog-details-page{padding-top:clamp(1rem,2vh,2rem)}.blog-details-header-content{padding:2.5rem 2rem 2rem}.blog-details-content{padding:2.5rem 2rem}.blog-details-footer{padding:2rem}}@media(max-width:900px){.blog-details-related-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.blog-details-page{padding-top:clamp(1rem,2vh,2rem);padding-bottom:2rem}.blog-details-container{padding:0 1rem}.blog-details-related-list{grid-template-columns:1fr}.blog-details-nav{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:1rem}.blog-details-nav .blog-details-nav-placeholder{display:none}.blog-details-nav-prev{order:1}.blog-details-nav-all{order:2}.blog-details-nav-next{order:3}.back-button{margin-bottom:1.5rem;padding:.75rem 1.5rem;font-size:.875rem}.blog-details-image-container{height:300px}.blog-details-category-badge{top:1rem;right:1rem;padding:.5rem 1rem;font-size:.75rem}.blog-details-article.rtl .blog-details-category-badge{left:1rem}.blog-details-header-content{padding:2rem 1.5rem 1.5rem}.blog-details-meta{padding:.875rem 1.25rem;gap:.75rem;margin-bottom:1.5rem}.blog-details-meta span{font-size:.8rem}.blog-details-meta-divider{height:16px}.blog-details-title{font-size:1.875rem;margin-bottom:1.25rem}.blog-details-excerpt{font-size:1.125rem}.blog-details-content{padding:2rem 1.5rem;font-size:1rem;line-height:1.8}.blog-details-footer{padding:1.5rem}.content-header.h1{font-size:1.875rem;margin-top:2rem}.content-header.h2{font-size:1.5rem}.content-header.h3{font-size:1.25rem}.content-paragraph{font-size:1rem;margin-bottom:1.25rem}.content-paragraph.emoji-line{font-size:1.125rem;padding:.875rem 1.25rem}.code-block{padding:1.25rem;font-size:.85rem;margin:1.5rem 0}.blog-details-nav-all{padding:.875rem 1.5rem;font-size:.875rem}}@media(max-width:480px){.blog-details-page{padding-top:clamp(1rem,2vh,2rem)}.blog-details-image-container{height:250px}.blog-details-header-content{padding:1.5rem 1.25rem 1.25rem}.blog-details-content{padding:1.5rem 1.25rem}.blog-details-meta{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem}.blog-details-meta-divider{display:none}.blog-details-title{font-size:1.5rem}.blog-details-excerpt{font-size:1rem}}.coming-soon-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--section-bg) 0%,var(--section-bg-alt) 100%);padding:clamp(1rem,2vh,2rem) 2rem 4rem}.coming-soon-container{width:100%;max-width:800px;margin:0 auto;text-align:center}.coming-soon-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.coming-soon-icon{font-size:6rem;color:var(--accent-primary);animation:float 3s ease-in-out infinite;margin-bottom:1rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.coming-soon-title{font-size:4rem;color:var(--app-text);font-weight:700;margin:0}.coming-soon-message{font-size:1.25rem;color:var(--app-text-secondary);line-height:1.6;max-width:600px;margin:0}.countdown-timer{display:flex;align-items:center;justify-content:center;gap:1rem;margin:2rem 0;flex-wrap:wrap}.countdown-item{display:flex;flex-direction:column;align-items:center;min-width:80px}.countdown-value{font-size:3rem;font-weight:700;color:var(--accent-primary);background:var(--surface-alt, var(--card-bg-hover));border:2px solid var(--border);border-radius:12px;padding:1rem 1.5rem;min-width:100px;text-align:center;box-shadow:0 4px 12px var(--card-shadow);transition:all .3s;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 4px 12px var(--card-shadow)}50%{box-shadow:0 6px 20px var(--card-shadow)}}.countdown-label{font-size:.875rem;color:var(--app-text-tertiary);margin-top:.5rem;text-transform:uppercase;letter-spacing:1px;font-weight:500}.countdown-separator{font-size:2.5rem;color:var(--accent-primary);font-weight:700;margin:0 .5rem;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.coming-soon-actions{margin-top:2rem}.coming-soon-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--surface-alt, var(--card-bg-hover));border:1px solid var(--border);border-radius:8px;color:var(--accent-primary);font-weight:600;text-decoration:none;transition:all .3s;font-size:1rem}.coming-soon-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px var(--card-shadow)}.coming-soon-btn i{font-size:1.125rem}@media(max-width:768px){.coming-soon-title{font-size:2.5rem}.coming-soon-icon{font-size:4rem}.coming-soon-message{font-size:1.125rem}.countdown-timer{gap:.5rem}.countdown-item{min-width:60px}.countdown-value{font-size:2rem;padding:.75rem 1rem;min-width:70px}.countdown-label{font-size:.75rem}.countdown-separator{font-size:1.5rem;margin:0 .25rem}.coming-soon-btn{padding:.875rem 1.5rem;font-size:.875rem}}.project-details-page.premium-theme{background-color:var(--bg-color);min-height:100vh;padding-bottom:6rem;color:var(--text-primary);overflow-x:hidden}.project-details-container{max-width:1560px;margin:0 auto;padding:0 40px}.premium-nav-strip{display:flex;justify-content:space-between;align-items:center;padding:2.5rem 0;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.back-btn-minimal{display:flex;align-items:center;gap:.8rem;color:var(--text-secondary);text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s ease;padding:.7rem 1.4rem;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.back-btn-minimal:hover{color:var(--accent);background:rgba(var(--accent-rgb),.1);border-color:var(--accent);transform:translate(-5px)}.live-status-pill{display:flex;align-items:center;gap:.7rem;font-size:.8rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:1.5px;background:rgba(var(--accent-rgb),.05);padding:.6rem 1.2rem;border-radius:100px;border:1px solid rgba(var(--accent-rgb),.2)}.pulse-dot{width:8px;height:8px;background-color:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent);animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1.1);opacity:1;box-shadow:0 0 15px var(--accent)}to{transform:scale(.95);opacity:.5}}.hero-premium-split{display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;align-items:center;margin-bottom:5rem;position:relative}.hero-main-info{animation:fade-up .8s ease-out}.project-brand{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.5rem}.type-tag{padding:.4rem 1rem;border-radius:8px;font-size:.75rem;font-weight:800;letter-spacing:1.5px}.type-tag.fullstack{background:linear-gradient(135deg,#00f2fe,#4facfe);color:#000}.type-tag.frontend{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.type-tag.backend{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#000}.repo-name-mini{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--text-muted);opacity:.7}.project-title-xl{font-size:3.5rem;font-weight:900;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-1.5px;background:linear-gradient(180deg,var(--text) 30%,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.project-description-lg{font-size:1.3rem;line-height:1.6;color:var(--text-secondary);max-width:90%;margin-bottom:3rem}.hero-cta-group{display:flex;gap:1.5rem}.btn-glow-primary{position:relative;display:flex;align-items:center;gap:1rem;padding:1.2rem 2.4rem;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px rgba(var(--accent-rgb),.3)}.btn-glow-primary:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 40px rgba(var(--accent-rgb),.4)}.btn-outline-premium{display:flex;align-items:center;gap:1rem;padding:1.2rem 2.4rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;text-decoration:none;font-weight:600;border-radius:16px;transition:all .3s ease}.btn-outline-premium:hover{background:#ffffff1a;border-color:#fff3}.hero-visual-dashboard{position:relative;height:600px;display:flex;align-items:center;justify-content:center}.immersive-image-wrapper{width:100%;height:90%;position:relative;border-radius:32px;overflow:hidden;box-shadow:0 40px 100px #00000080;transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);transition:transform .6s ease}.hero-visual-dashboard:hover .immersive-image-wrapper{transform:perspective(1000px) rotateY(0) rotateX(0) scale(1.02)}.main-project-visual{width:100%;height:100%;object-fit:cover}.visual-overlay-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 0%,rgba(var(--bg-rgb),.4) 100%);pointer-events:none}.floating-meta-card{position:absolute;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1.5rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:1.2rem;box-shadow:0 15px 35px #0000004d;z-index:10;animation:float 4s ease-in-out infinite}.tech-card{top:10%;left:-5%;animation-delay:0s}.stats-card{bottom:10%;right:-5%;animation-delay:1s;padding:1rem 1.5rem;gap:2rem}.floating-meta-card i{font-size:1.5rem;color:var(--accent)}.meta-content{display:flex;flex-direction:column}.meta-value{font-weight:800;font-size:1.1rem}.meta-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.mini-stat{display:flex;align-items:center;gap:.6rem;font-weight:700}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.dashboard-body{position:relative;z-index:5}.tech-dashboard-bar{background:rgba(var(--surface-rgb),.3);border:1px solid var(--border-color);border-radius:24px;padding:1rem 2.5rem;display:flex;align-items:center;gap:2rem;margin-bottom:4rem;position:relative;overflow:hidden}.tech-dashboard-bar:after{content:"";position:absolute;top:0;right:0;width:60px;height:100%;background:linear-gradient(to right,transparent,var(--bg-color));pointer-events:none;z-index:2}.bar-label{white-space:nowrap;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--accent);border-right:1px solid var(--border-color);padding-right:2rem}.tech-scroller{display:flex;gap:1.2rem;overflow-x:auto;padding:.8rem 0 2rem;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;-ms-overflow-style:auto;position:relative}.tech-scroller::-webkit-scrollbar{height:4px}.tech-scroller::-webkit-scrollbar-track{background:#ffffff05;border-radius:20px;margin:0 100px}.tech-scroller::-webkit-scrollbar-thumb{background:linear-gradient(90deg,transparent,var(--accent),#fff,var(--accent),transparent);background-size:200% 100%;border-radius:20px;box-shadow:0 0 10px rgba(var(--accent-rgb),.3);transition:all .3s ease}.tech-scroller::-webkit-scrollbar-thumb:hover{box-shadow:0 0 20px rgba(var(--accent-rgb),.6)}.tech-badge-premium{padding:.6rem 1.4rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;display:flex;align-items:center;gap:.8rem;white-space:nowrap;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.badge-label{font-size:.65rem;font-weight:800;text-transform:uppercase;color:var(--accent);letter-spacing:1.5px;opacity:.8;position:relative;padding-right:.8rem}.badge-label:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:10px;background:#ffffff1a}.badge-value{font-size:.85rem;font-weight:700;color:#fff;letter-spacing:.5px}.tech-badge-premium:hover{background:rgba(var(--accent-rgb),.12);border-color:var(--accent);transform:scale(1.05) translateY(-2px);box-shadow:0 10px 25px #0000004d}.metrics-insight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.insight-metric-card{background:rgba(var(--accent-rgb),.05);border:1px solid rgba(var(--accent-rgb),.1);border-radius:20px;padding:2rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease}.insight-metric-card:hover{background:rgba(var(--accent-rgb),.08);border-color:var(--accent);transform:translateY(-5px)}.insight-metric-card i{font-size:2rem;color:var(--accent);background:rgba(var(--accent-rgb),.1);width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:15px}.insight-metric-card p{font-size:1.1rem;font-weight:600;color:#fff;line-height:1.4}.main-dashboard-grid{display:grid;grid-template-columns:1fr 420px;gap:3rem;margin-bottom:5rem}.dashboard-column{display:flex;flex-direction:column;gap:3rem}.dashboard-column.sidebar{position:sticky;top:100px;height:fit-content}.dashboard-section-card{background:rgba(var(--surface-rgb),.2);border-radius:32px;border:1px solid var(--border-color);padding:3rem;transition:all .4s ease}.dashboard-section-card:hover{background:rgba(var(--surface-rgb),.4);border-color:rgba(var(--accent-rgb),.3)}.section-card-header{display:flex;align-items:center;gap:1.2rem;margin-bottom:2.5rem}.section-card-header i{font-size:1.8rem;background:linear-gradient(135deg,var(--accent),#4facfe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-card-header h3{font-size:1.6rem;font-weight:800;letter-spacing:-.5px}.technical-point{display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.05)}.technical-point:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.point-number{font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:800;color:var(--accent);opacity:.6;padding-top:.3rem}.technical-point p{font-size:1.1rem;line-height:1.6;color:var(--text-secondary)}.technical-point.challenge i{color:var(--accent);margin-top:.4rem}.dashboard-section-card.compact{padding:2.5rem}.role-showcase{display:flex;flex-direction:column;gap:1rem}.role-title{font-size:1.35rem;font-weight:800;color:#fff}.role-description{color:var(--text-muted);line-height:1.6}.features-grid-immersive{display:flex;flex-direction:column;gap:1.2rem}.feature-card-premium{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:1.5rem 2rem;display:flex;flex-direction:row;align-items:center;gap:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card-premium:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent);transform:scaleY(0);transition:transform .4s ease;transform-origin:top}.feature-card-premium:hover{background:rgba(var(--accent-rgb),.05);border-color:rgba(var(--accent-rgb),.3);transform:translate(10px);box-shadow:10px 10px 30px #0003}.feature-card-premium:hover:before{transform:scaleY(1)}.feature-card-icon{width:54px;height:54px;min-width:54px;background:rgba(var(--accent-rgb),.1);border-radius:14px;display:flex;align-items:center;justify-content:center;transition:all .4s ease}.feature-card-icon i{color:var(--accent);font-size:1.4rem}.feature-card-premium:hover .feature-card-icon{transform:scale(1.1);background:var(--accent)}.feature-card-premium:hover .feature-card-icon i{color:#000}.feature-card-premium p{font-size:1.15rem;line-height:1.5;color:var(--text-secondary);font-weight:600;margin:0}.team-vertical-list{display:flex;flex-direction:column;gap:1.5rem}.team-member-item{display:flex;align-items:center;gap:1.2rem}.member-avatar{width:44px;height:44px;background:var(--accent);color:#000;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem}.member-info{display:flex;flex-direction:column}.member-name{font-weight:700;font-size:1rem}.member-role{font-size:.8rem;color:var(--text-muted)}.outcome-premium-footer{margin-top:5rem}.outcome-inner{background:linear-gradient(90deg,#001f3f,#001529);border:1px solid rgba(var(--accent-rgb),.2);border-radius:32px;padding:4rem;display:flex;align-items:center;gap:3rem;position:relative;overflow:hidden}.outcome-inner:after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:radial-gradient(circle at 100% 0%,rgba(var(--accent-rgb),.1) 0%,transparent 60%)}.outcome-icon-large{font-size:3.5rem;color:var(--accent);filter:drop-shadow(0 0 15px rgba(var(--accent-rgb),.5))}.outcome-text-group h4{font-size:1.8rem;font-weight:900;margin-bottom:1rem;letter-spacing:-1px}.outcome-text-group p{font-size:1.2rem;line-height:1.7;color:var(--text-secondary);max-width:900px}@media(max-width:1200px){.hero-premium-split{grid-template-columns:1fr;text-align:center;gap:3rem}.project-brand{justify-content:center}.project-title-xl{font-size:3rem}.project-description-lg{margin:0 auto 3rem}.hero-cta-group{justify-content:center}.hero-visual-dashboard{height:auto;padding:2rem 0}.immersive-image-wrapper{transform:none;width:90%;margin:0 auto}.main-dashboard-grid{grid-template-columns:1fr}}@media(max-width:768px){.project-details-container{padding:0 20px}.project-title-xl{font-size:2.2rem}.hero-cta-group{flex-direction:column}.dashboard-section-card{padding:2rem}.bar-label{display:none}.tech-dashboard-bar{padding:.5rem 1rem}.outcome-inner{padding:2rem;flex-direction:column;text-align:center}}@keyframes fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--section-bg) 0%,var(--section-bg-alt) 100%);padding:clamp(1rem,2vh,2rem) 2rem 4rem}.not-found-container{width:100%;max-width:800px;margin:0 auto;text-align:center}.not-found-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.not-found-illustration{width:100%;max-width:560px;height:auto;display:block;object-fit:contain}.not-found-title{font-size:3rem;color:var(--app-text);font-weight:700;margin:0}.not-found-message{font-size:1.25rem;color:var(--app-text-secondary);line-height:1.6;max-width:600px;margin:0}.not-found-actions{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap;justify-content:center}.not-found-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--surface-alt, var(--card-bg-hover));border:1px solid var(--border);border-radius:8px;color:var(--accent-primary);font-weight:600;text-decoration:none;transition:all .3s;font-size:1rem}.not-found-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px var(--card-shadow)}.not-found-btn.secondary{background:var(--card-bg);border-color:var(--card-border);color:var(--app-text-secondary)}.not-found-btn.secondary:hover{background:var(--card-bg-hover);border-color:var(--card-border);color:var(--app-text);box-shadow:0 8px 20px var(--card-shadow)}.not-found-btn i{font-size:1.125rem}@media(max-width:768px){.not-found-illustration{max-width:380px}.not-found-title{font-size:2rem}.not-found-message{font-size:1.125rem}.not-found-actions{flex-direction:column;width:100%}.not-found-btn{width:100%;justify-content:center;padding:.875rem 1.5rem;font-size:.875rem}}.offline-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--section-bg) 0%,var(--section-bg-alt) 100%);padding:clamp(1rem,2vh,2rem) 2rem 4rem}.offline-container{width:100%;max-width:560px;margin:0 auto;text-align:center}.offline-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.offline-icon-wrap{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:var(--surface-alt, var(--card-bg-hover));border:2px solid var(--border);border-radius:50%;color:var(--text-muted);opacity:.85}.offline-icon{font-size:3.5rem}.offline-title{font-size:var(--font-size-3xl);color:var(--app-text);font-weight:700;margin:0}.offline-message{font-size:var(--font-size-base);color:var(--app-text-secondary);line-height:1.6;max-width:420px;margin:0}.offline-actions{display:flex;gap:1rem;margin-top:.5rem;flex-wrap:wrap;justify-content:center}.offline-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;background:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:8px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;font-family:inherit}.offline-btn:hover:not(:disabled){background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px var(--card-shadow)}.offline-btn:disabled{opacity:.6;cursor:not-allowed}.offline-hint{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}@media(max-width:768px){.offline-icon-wrap{width:100px;height:100px}.offline-icon{font-size:2.75rem}.offline-title{font-size:var(--font-size-2xl)}.offline-message{font-size:var(--font-size-sm)}.offline-btn{width:100%;padding:.875rem 1.5rem;font-size:.875rem}}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--app-background)}.main-content{flex:1}.main-content--full{min-height:100vh}