@import"https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--neutral-000: #ffffff;--neutral-025: #fffdf9;--neutral-050: #f8f1ea;--neutral-100: #f1e4d9;--neutral-200: #e4d3c4;--neutral-300: #d3bcaa;--neutral-700: #3b241b;--neutral-800: #2d1a13;--neutral-900: #1f120c;--primary-color: #c65a3c;--primary-hover: #a94b32;--primary-dark: #813824;--primary-soft: rgba(198, 90, 60, .18);--primary-soft-strong: rgba(198, 90, 60, .28);--primary-wash: rgba(198, 90, 60, .12);--secondary-color: #d58d3a;--secondary-hover: #b87730;--secondary-soft: rgba(213, 141, 58, .2);--secondary-wash: rgba(213, 141, 58, .12);--accent-color: #7fa27a;--accent-hover: #6d8b66;--accent-soft: rgba(127, 162, 122, .22);--accent-wash: rgba(127, 162, 122, .14);--warning-color: #f0aa3c;--warning-hover: #d9912f;--warning-soft: rgba(240, 170, 60, .2);--warning-wash: rgba(240, 170, 60, .12);--error-color: #ce4f45;--error-hover: #b2453c;--error-soft: rgba(206, 79, 69, .2);--error-wash: rgba(206, 79, 69, .12);--info-color: #f2d2ba;--info-hover: #ddbda4;--info-soft: rgba(242, 210, 186, .25);--text-primary: var(--neutral-900);--text-secondary: #352219;--text-muted: rgba(31, 18, 12, .65);--text-tertiary: rgba(31, 18, 12, .45);--text-inverse: var(--neutral-000);--bg-primary: var(--neutral-025);--bg-secondary: #f4e8dd;--bg-tertiary: #ead9cb;--bg-panel: var(--neutral-000);--bg-muted: #efe0d2;--bg-disabled: rgba(127, 162, 122, .2);--bg-overlay: rgba(21, 9, 5, .6);--border-color: rgba(47, 28, 20, .16);--border-hover: rgba(47, 28, 20, .26);--border-strong: rgba(47, 28, 20, .36);--border-primary: rgba(198, 90, 60, .32);--border-accent: rgba(127, 162, 122, .32);--border-warning: rgba(213, 141, 58, .32);--border-error: rgba(206, 79, 69, .32);--border-focus: rgba(127, 162, 122, .32);--shadow-soft: 0 22px 55px rgba(23, 12, 5, .08);--card-shadow: 0 18px 42px rgba(23, 12, 5, .08);--card-shadow-hover: 0 28px 66px rgba(23, 12, 5, .14);--card-shadow-focus: 0 0 0 3px rgba(127, 162, 122, .3);--card-shadow-soft: 0 14px 32px rgba(23, 12, 5, .08);--font-heading: "Atkinson Hyperlegible", "Segoe UI", sans-serif;--font-body: "Atkinson Hyperlegible", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "Fira Code", monospace;--text-xs: clamp(.78rem, 1.2vw, .85rem);--text-sm: clamp(.9rem, 1.6vw, .98rem);--text-base: clamp(1rem, 2vw, 1.1rem);--text-lg: clamp(1.22rem, 2.4vw, 1.35rem);--text-xl: clamp(1.55rem, 3vw, 1.85rem);--text-2xl: clamp(2.1rem, 4.5vw, 2.6rem);--text-3xl: clamp(2.75rem, 6vw, 3.3rem);--line-height-tight: 1.2;--line-height-normal: 1.62;--line-height-relaxed: 1.78;--spacing-1: .5rem;--spacing-2: 1rem;--spacing-3: 1.5rem;--spacing-4: 2rem;--spacing-5: 3rem;--spacing-6: 4.5rem;--spacing-7: 6rem;--spacing-8: 8rem;--content-max-width: 68ch;--section-max-width: 1200px;--section-padding-y: clamp(4.5rem, 8vw, 6.5rem);--section-padding-y-tight: clamp(3.5rem, 7vw, 5.5rem);--radius-card-lg: 1.2rem;--radius-card: 1rem;--radius-pill: 999px;--code-bg: #1a1511;--code-text: #f6f0ea;--hero-bg-top: color-mix(in srgb, var(--neutral-050) 88%, var(--secondary-color) 12%);--hero-bg-mid: color-mix(in srgb, var(--neutral-050) 85%, var(--secondary-color) 15%);--hero-bg-bottom: color-mix(in srgb, var(--neutral-050) 88%, var(--accent-color) 12%);--hero-wash-primary: color-mix(in srgb, var(--primary-color) 20%, transparent);--hero-wash-secondary: color-mix(in srgb, var(--secondary-color) 18%, transparent);--motion-duration-fast: .15s;--motion-duration-medium: .25s;--motion-duration-slow: .4s;--motion-duration-x-slow: .6s;--motion-ease-standard: cubic-bezier(.4, 0, .2, 1);--motion-ease-emphasized: cubic-bezier(.33, 1, .68, 1);--motion-ease-gentle: cubic-bezier(.25, .1, .25, 1)}html{font-size:16px}html,body{margin:0;padding:0;font-family:var(--font-body);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background-color:var(--bg-primary);line-height:var(--line-height-normal)}body{letter-spacing:.01em;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.015em;line-height:var(--line-height-tight);margin:0}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.12em}p{margin:0 0 var(--spacing-2);color:var(--text-secondary);font-size:var(--text-base);line-height:var(--line-height-relaxed)}strong{color:var(--text-primary);font-weight:700}small{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}a{color:var(--primary-color);text-decoration:none;transition:color var(--motion-duration-fast) var(--motion-ease-standard)}a:hover,a:focus-visible{color:var(--primary-hover)}code,pre{font-family:var(--font-mono)}ul,ol{margin:0 0 var(--spacing-2) var(--spacing-3);padding:0;color:var(--text-secondary);line-height:var(--line-height-relaxed)}img{max-width:100%;display:block}.root{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--primary-color) 50%,transparent) color-mix(in srgb,var(--bg-panel) 90%,transparent)}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:color-mix(in srgb,var(--bg-panel) 92%,transparent);border-radius:999px}body::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--primary-color) 60%,transparent);border-radius:999px;border:2px solid color-mix(in srgb,var(--bg-panel) 92%,transparent);transition:background .2s ease}body::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--primary-dark) 70%,transparent)}.skip-to-content{position:absolute;top:-100px;left:0;background:var(--primary-color);color:#fff;padding:1rem 2rem;text-decoration:none;font-weight:600;z-index:1000;transition:top .3s ease}.skip-to-content:focus{top:0;outline:3px solid var(--primary-dark);outline-offset:-3px}.App{min-height:100vh;display:flex;flex-direction:column}.navbar{background-color:var(--bg-primary);padding:1rem 2rem;box-shadow:var(--card-shadow);position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;transition:opacity .3s ease,visibility .3s ease,box-shadow .5s ease,padding .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1;visibility:visible}.navbar-scrolled{background-color:#ffffffd9;box-shadow:0 2px 10px #00000014;padding:.75rem 2rem;transition:background-color .8s ease,opacity .3s ease,visibility .3s ease,box-shadow .5s ease,padding .3s ease}.navbar-hidden{opacity:0;visibility:hidden;pointer-events:none}.nav-brand{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--primary-color)}.logo{font-size:2rem}.nav-links{display:flex;list-style:none;gap:1rem;margin:0;padding:0}.nav-links button{background:none;border:none;padding:.5rem 1rem;cursor:pointer;font-size:1rem;color:var(--text-secondary);transition:color var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard);border-bottom:2px solid transparent}.nav-links button:hover{color:var(--primary-color)}.nav-links button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:101;transition:transform var(--motion-duration-fast) var(--motion-ease-emphasized)}.mobile-menu-toggle span{width:25px;height:3px;background:var(--text-primary);border-radius:2px;transition:transform var(--motion-duration-fast) var(--motion-ease-emphasized),opacity var(--motion-duration-fast) var(--motion-ease-standard)}.mobile-menu-toggle span.open:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.mobile-menu-toggle span.open:nth-child(2){opacity:0}.mobile-menu-toggle span.open:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.main-content{flex:1}.section{padding:var(--spacing-6) var(--spacing-3);scroll-margin-top:80px}.about-section{padding:var(--spacing-7) var(--spacing-3)!important}.services-section{padding:var(--spacing-6) var(--spacing-3)!important}.tech-section,.experience-section{padding:var(--spacing-7) var(--spacing-3)!important}.projects-section{background:color-mix(in srgb,var(--bg-primary) 96%,var(--neutral-100) 4%);border-top:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border-color) 60%,transparent);padding:var(--section-padding-y) var(--spacing-3)}.contact-section{padding:var(--spacing-6) var(--spacing-3)!important}.container{width:min(100%,var(--section-max-width));margin:0 auto;padding:0 var(--spacing-3)}.section-title{font-size:var(--text-2xl);font-weight:900;margin-bottom:var(--spacing-2);text-align:center;color:var(--text-primary);letter-spacing:-.04em;line-height:var(--line-height-tight)}.section-subtitle{font-size:var(--text-lg);color:var(--text-secondary);text-align:center;margin-bottom:var(--spacing-5);max-width:600px;margin-left:auto;margin-right:auto;font-weight:600;line-height:var(--line-height-relaxed);letter-spacing:-.01em}.hero-section{min-height:90vh;display:flex;align-items:center;justify-content:center;padding:clamp(4.5rem,9vw,7rem) clamp(1.5rem,6vw,3.75rem);background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--hero-wash-primary) 45%,transparent) 0%,transparent 60%),radial-gradient(circle at 82% 22%,color-mix(in srgb,var(--hero-wash-secondary) 42%,transparent) 0%,transparent 65%),linear-gradient(172deg,#fff,#f4f8ff 28%,#eaf2ff 60%,#edf3ff);position:relative;overflow:hidden;color:var(--text-heading)}.hero-section:before{content:"";position:absolute;top:-10%;left:-10%;width:60%;height:60%;background:radial-gradient(circle at 30% 40%,color-mix(in srgb,var(--hero-wash-primary) 55%,transparent),transparent 72%);pointer-events:none}.hero-section:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff0,#ffffffb8 80%,#ffffffd9);pointer-events:none}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-content{flex:1;max-width:840px;z-index:1;position:relative;text-align:left;margin:0 auto 0 0;padding:clamp(2.75rem,6vw,3.85rem);border-radius:var(--radius-card-lg);background:#fff;box-shadow:0 18px 42px #0e111624;border:1px solid color-mix(in srgb,var(--divider) 60%,transparent)}.hero-content:before{display:none}.hero-title{font-size:clamp(2.9rem,8vw,5.4rem);font-weight:800;margin-bottom:1rem;line-height:1.08;display:flex;flex-direction:column;letter-spacing:-.03em;color:#0e1116}.hero-greeting{font-size:clamp(1.125rem,3vw,1.5rem);font-weight:600;color:#0e1116;margin-bottom:.5rem;letter-spacing:.01em}.hero-name{font-size:var(--text-3xl);color:#0e1116;font-weight:700;letter-spacing:-.035em;line-height:var(--line-height-tight)}.hero-tagline{font-size:clamp(1.35rem,3.4vw,2.05rem);color:#0e1116;margin-bottom:var(--spacing-2);font-weight:600;letter-spacing:-.01em;line-height:1.34}.hero-description{font-size:clamp(1.05rem,2.3vw,1.25rem);color:#0e1116;margin-bottom:var(--spacing-3);line-height:1.7;font-weight:400;letter-spacing:.01em;max-width:48ch}.highlight{color:color-mix(in srgb,var(--primary-dark) 86%,var(--primary-color) 14%);font-weight:700}.hero-buttons{display:flex;gap:clamp(.75rem,2vw,1.25rem);flex-wrap:wrap;margin-top:var(--spacing-3);margin-bottom:var(--spacing-2);justify-content:flex-start}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{min-width:0}.hero-buttons .btn-primary span,.hero-buttons .btn-secondary span{letter-spacing:.01em}.hero-socials{display:flex;align-items:center;gap:clamp(1rem,3vw,1.75rem);margin-top:var(--spacing-3);flex-wrap:wrap}.hero-socials-label{font-size:.875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-tertiary)}.hero-social-links{display:inline-flex;gap:.75rem}.social-icon{width:2.75rem;height:2.75rem;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);background:color-mix(in srgb,var(--bg-panel) 88%,var(--primary-soft) 12%);border:1px solid var(--border-color);box-shadow:var(--card-shadow-soft);text-decoration:none;transition:transform var(--motion-duration-fast) var(--motion-ease-emphasized),box-shadow var(--motion-duration-medium) var(--motion-ease-emphasized),background var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard)}.social-icon svg{width:1.35rem;height:1.35rem;stroke-width:2}.social-icon:hover,.social-icon:focus-visible{transform:translateY(-4px);background:color-mix(in srgb,var(--primary-color) 22%,var(--bg-panel) 78%);color:var(--text-primary);border-color:color-mix(in srgb,var(--primary-color) 32%,transparent);box-shadow:var(--card-shadow-hover)}@media(max-width:768px){.hero-buttons,.hero-socials{justify-content:center}.hero-socials-label{width:100%;text-align:center}}.btn-primary,.btn-secondary{padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-base);font-weight:600;border-radius:.75rem;cursor:pointer;border:1px solid transparent;font-family:inherit;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;transition:transform var(--motion-duration-medium) var(--motion-ease-emphasized),box-shadow var(--motion-duration-medium) var(--motion-ease-emphasized),background var(--motion-duration-medium) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard)}.btn-primary{background:var(--primary-color);color:var(--text-inverse);box-shadow:0 16px 34px color-mix(in srgb,var(--primary-dark) 32%,transparent)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 42px color-mix(in srgb,var(--primary-dark) 40%,transparent)}.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:3px solid color-mix(in srgb,var(--primary-color) 70%,transparent);outline-offset:2px}.btn-primary:active{transform:scale(.97);transition:transform var(--motion-duration-fast) var(--motion-ease-standard)}.btn-primary.loading{position:relative;color:transparent;pointer-events:none}.btn-primary.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.btn-secondary{background:transparent;color:var(--primary-color);border-color:color-mix(in srgb,var(--primary-color) 45%,transparent)}.btn-secondary:hover{background:color-mix(in srgb,var(--primary-color) 12%,transparent);color:var(--primary-dark);transform:translateY(-2px)}.btn-secondary:active{transform:scale(.97);transition:transform var(--motion-duration-fast) var(--motion-ease-standard)}.hero-buttons .btn-secondary{border-color:color-mix(in srgb,var(--primary-color) 45%,transparent);color:var(--primary-dark);background:color-mix(in srgb,var(--bg-panel) 88%,var(--primary-color) 12%)}.hero-buttons .btn-secondary:hover{background:var(--primary-color);color:var(--text-inverse)}.hero-visual{flex:1;display:flex;justify-content:center;align-items:center;z-index:1;position:relative;min-height:auto;width:100%;padding:1rem}.hero-avatar-container{position:relative;animation:float 6s ease-in-out infinite}.hero-avatar{font-size:12rem;position:relative;z-index:2;filter:drop-shadow(0 10px 30px color-mix(in srgb,var(--primary-color) 28%,transparent))}.hero-avatar-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,color-mix(in srgb,var(--primary-color) 22%,transparent),transparent);border-radius:50%;animation:pulse 3s ease-in-out infinite;z-index:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.stats-section{background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 38%,var(--bg-secondary)),color-mix(in srgb,var(--secondary-color) 32%,var(--bg-secondary)));color:var(--text-inverse);padding:clamp(2.5rem,6vw,4rem) var(--spacing-3)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(1.25rem,4vw,2rem)}.stat-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(1.25rem,3vw,1.75rem);background:#ffffff14;border-radius:.85rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.18);transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);min-height:180px}.stat-card:hover{transform:translateY(-6px) scale(1.02);background:#ffffff1f;border-color:#ffffff52}.stat-card:active{transform:translateY(-3px) scale(1.01)}.stat-card .stat-icon{transition:transform .3s cubic-bezier(.4,0,.2,1),filter .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.stat-icon{font-size:2.5rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.stat-icon svg{width:2.5rem;height:2.5rem;stroke-width:2}.stat-value{font-size:var(--text-xl);font-weight:700;margin-bottom:.4rem}.stat-label{font-size:var(--text-sm);opacity:.95;line-height:1.5}@media(max-width:768px){.stat-card{align-items:flex-start;text-align:left}.stat-icon{margin-bottom:.75rem}}.about-section{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);position:relative;overflow:hidden}.about-section:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary-color) 12%,transparent),transparent);top:-250px;right:-250px;pointer-events:none}.about-section:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent-color) 12%,transparent),transparent);bottom:-200px;left:-200px;pointer-events:none}.about-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:1}.avatar-large{margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center}.avatar-large svg{width:clamp(6rem,12vw,10rem);height:clamp(6rem,12vw,10rem);color:var(--primary-color);stroke-width:1.5;filter:drop-shadow(0 10px 30px color-mix(in srgb,var(--primary-color) 24%,transparent))}.about-content h2{font-size:clamp(2rem,5vw,3rem);margin:0 0 1rem;color:var(--text-primary);font-weight:800;letter-spacing:-.02em}.about-content .title{font-size:clamp(1.125rem,3vw,1.5rem);color:var(--primary-color);margin:.5rem 0 2.5rem;font-weight:600;letter-spacing:-.01em}.about-content .bio{font-size:clamp(1rem,2.5vw,1.125rem);line-height:1.9;color:var(--text-secondary);text-align:left;font-weight:400;background:var(--bg-primary);padding:2rem;border-radius:1rem;box-shadow:var(--card-shadow);border:1px solid var(--border-color)}.services-section{background-color:var(--bg-primary)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card{background-color:var(--bg-secondary);padding:var(--spacing-5);border-radius:1rem;text-align:center;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-color);min-height:44px}.service-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--card-shadow-hover);border-color:var(--primary-color)}.service-card:active{transform:translateY(-4px) scale(1.01)}.service-card .service-icon{transition:transform .3s cubic-bezier(.4,0,.2,1),filter .3s cubic-bezier(.4,0,.2,1)}.service-card:hover .service-icon{transform:scale(1.08) rotate(3deg);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--primary-color) 25%,transparent))}.service-icon{font-size:4rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center}.service-icon svg{width:4rem;height:4rem;stroke-width:2}.service-title{font-size:1.625rem;margin:0 0 1rem;color:var(--text-primary);font-weight:800;letter-spacing:-.02em;line-height:1.3}.service-description{color:var(--text-secondary);line-height:1.7;font-weight:400}.tech-section{background-color:var(--bg-secondary)}.tech-header{text-align:center;margin-bottom:3rem}.tech-header .section-title{margin-bottom:1rem}.tech-header .section-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-bottom:0;font-weight:400;max-width:700px;margin-left:auto;margin-right:auto}.skills-display{max-width:1000px;margin:0 auto}.skills-categorized-badges{display:flex;flex-direction:column;gap:2rem}.skill-category-group{display:flex;flex-direction:column;gap:1rem}.category-heading-small{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.category-badges{display:flex;flex-wrap:wrap;gap:.625rem}.skill-badge-small{display:inline-flex;align-items:center;gap:.375rem;padding:.3125rem .625rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.375rem;font-size:.8125rem;font-weight:500;color:var(--text-primary);transition:border-color var(--motion-duration-fast) var(--motion-ease-standard),background var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard)}.skill-badge-small:hover{border-color:var(--primary-color);background:var(--bg-secondary)}.skill-icon-mini{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.skill-icon-mini i,.skill-icon-mini svg{width:14px;height:14px}.skill-icon-mini i{font-size:14px}@media(max-width:768px){.tech-header{margin-bottom:2rem}.tech-header .section-subtitle{font-size:1rem}.skills-categorized-badges{gap:1.5rem}.skill-category-group{gap:.75rem}.category-heading-small{font-size:.9375rem}.category-badges{gap:.5rem}}.tech-skill i,.simple-icon-wrapper,.lucide-tech-icon{width:2rem;height:2rem;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.tech-skill i{font-size:2rem;filter:brightness(1) saturate(1);opacity:1;line-height:1;vertical-align:middle}.simple-icon-wrapper{display:inline-flex;align-items:center;justify-content:center}.simple-icon-wrapper svg{width:100%;height:100%;display:block;shape-rendering:geometricPrecision}.simple-icon-wrapper svg.simple-icon{width:2rem;height:2rem}.lucide-tech-icon{display:inline-flex;align-items:center;justify-content:center}.lucide-tech-icon svg{width:2rem;height:2rem;stroke-width:2;stroke:currentColor;fill:none;opacity:.9}.skill-name{font-weight:600;color:var(--text-primary)}.projects-section{background:#fffdf9;border-top:1px solid rgba(18,13,10,.06);border-bottom:1px solid rgba(18,13,10,.05);padding:clamp(4.5rem,8vw,6.5rem) var(--spacing-3)}.projects-grid{display:flex;flex-direction:column;gap:clamp(1.5rem,4vw,2rem);align-items:center}.project-card{background:var(--bg-panel);border-radius:var(--radius-card-lg);box-shadow:var(--card-shadow);transition:transform var(--motion-duration-medium) var(--motion-ease-emphasized),box-shadow var(--motion-duration-medium) var(--motion-ease-emphasized),border-color var(--motion-duration-medium) var(--motion-ease-standard);overflow:hidden;border:1px solid color-mix(in srgb,var(--border-color) 75%,transparent);display:flex;flex-direction:column;position:relative;width:min(100%,860px)}.project-card:hover,.project-card:focus-within{transform:translateY(-6px);box-shadow:var(--card-shadow-hover);border-color:color-mix(in srgb,var(--primary-color) 35%,transparent)}.project-image{width:100%;height:clamp(180px,24vw,230px);position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-soft) 60%,transparent),color-mix(in srgb,var(--text-muted) 18%,transparent));display:flex;align-items:center;justify-content:center}.project-image-cornwall{background:linear-gradient(135deg,color-mix(in srgb,var(--primary-soft) 70%,transparent),color-mix(in srgb,var(--text-muted) 24%,transparent))}.project-image-nhs,.project-image-how-is-your-human{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 68%,transparent),color-mix(in srgb,var(--primary-soft) 34%,transparent))}.project-image-amano{background:linear-gradient(135deg,color-mix(in srgb,var(--text-muted) 30%,transparent),color-mix(in srgb,var(--text-muted) 16%,transparent))}.project-image-elixel{background:#f4f4f6}.project-image-elixel .project-logo{filter:brightness(0) saturate(100%)}.project-image-smart-goal-setter{background:linear-gradient(135deg,color-mix(in srgb,var(--primary-soft) 60%,transparent),color-mix(in srgb,var(--secondary-soft) 40%,transparent))}.project-placeholder{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.project-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#fff0);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.3;transform:translate(-100%)}50%{opacity:.6;transform:translate(100%)}}.project-tech-overlay{position:relative;z-index:2;display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center;padding:1rem}.tech-icon-badge{background:#fffffff2;padding:.4rem 1rem;border-radius:2rem;font-size:.85rem;font-weight:600;color:var(--text-primary);box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.placeholder-icon{font-size:5rem;opacity:.5}.project-info{padding:clamp(1.5rem,3.8vw,2.2rem);display:flex;flex-direction:column;gap:clamp(.85rem,2.5vw,1.2rem);flex:1;text-align:left;max-width:48rem;margin:0 auto;width:100%}.project-title-row{display:flex;align-items:center;gap:clamp(.75rem,2.5vw,1rem);flex-wrap:wrap;margin-bottom:.3rem}.project-title{font-size:clamp(1.7rem,2.8vw,2rem);margin:0;color:var(--text-primary);font-weight:800;letter-spacing:-.025em;line-height:var(--line-height-tight);flex:1;min-width:0}.project-published-badge{display:flex;align-items:center;gap:.375rem;padding:.25rem .75rem;background:color-mix(in srgb,var(--accent-soft) 60%,transparent);color:var(--accent-hover);border-radius:1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0;border:1px solid color-mix(in srgb,var(--accent-color) 40%,transparent)}.project-published-badge svg{flex-shrink:0}.project-rating{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:color-mix(in srgb,var(--secondary-soft) 60%,transparent);border:1px solid color-mix(in srgb,var(--secondary-color) 40%,transparent);border-radius:.5rem;font-size:.75rem;font-weight:600;color:var(--secondary-hover);white-space:nowrap;flex-shrink:0}.project-rating svg{flex-shrink:0;color:var(--secondary-color)}.project-category{display:inline-block;padding:.25rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;width:fit-content;margin-top:-.5rem;margin-bottom:.25rem}.project-description{color:var(--text-secondary);line-height:1.6;margin-bottom:clamp(.8rem,2.5vw,1.2rem);flex:1;font-weight:400;font-size:clamp(1.02rem,2.4vw,1.1rem);max-width:46ch}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:clamp(.85rem,2.5vw,1.2rem)}.tech-badge{background:#f3f4f6;color:#111;padding:.45rem .9rem;border-radius:var(--radius-pill);font-size:.85rem;font-weight:600;border:1px solid rgba(17,17,17,.12);transition:transform var(--motion-duration-fast) var(--motion-ease-emphasized),border-color var(--motion-duration-fast) var(--motion-ease-standard),background var(--motion-duration-fast) var(--motion-ease-standard);display:inline-flex;align-items:center;justify-content:center}.tech-badge:hover{transform:translateY(-2px);border-color:#11111147;background:#e5e7eb}.project-links{display:flex;gap:clamp(.75rem,2.5vw,1.25rem);flex-wrap:wrap;justify-content:flex-start;margin-top:var(--spacing-2)}.project-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-primary);text-decoration:none;font-weight:600;transition:transform var(--motion-duration-fast) var(--motion-ease-emphasized),box-shadow var(--motion-duration-medium) var(--motion-ease-emphasized),border-color var(--motion-duration-fast) var(--motion-ease-standard),background var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard);padding:.6rem 1.05rem;border-radius:var(--radius-pill);border:1px solid var(--border-color);background:var(--primary-soft);min-height:42px}.project-link:hover,.project-link:focus-visible{color:var(--primary-color);border-color:color-mix(in srgb,var(--primary-color) 35%,transparent);background:color-mix(in srgb,var(--primary-color) 30%,transparent);transform:translateY(-2px);box-shadow:var(--card-shadow-soft);outline:none}.project-link:active{transform:translateY(0);box-shadow:none}.project-link.app-store-link,.project-link.play-store-link{background:#e3b7ba2e;border:1px solid rgba(227,183,186,.32);color:#a75e4b}.project-link.app-store-link:hover,.project-link.play-store-link:hover{background:#e3b7ba42;border-color:#e3b7ba6b}.project-link span{font-size:1rem;display:inline-flex;align-items:center}.project-link span svg{width:1rem;height:1rem}.projects-outcomes{margin-top:clamp(2.5rem,6vw,4.75rem);padding-top:clamp(2.25rem,5vw,3.75rem);border-top:1px solid color-mix(in srgb,var(--border-color) 65%,transparent)}.projects-outcomes-heading{font-size:clamp(1.4rem,2.4vw,1.8rem);font-weight:650;letter-spacing:-.015em;margin:0 0 clamp(1.2rem,3vw,1.8rem);color:var(--heading)}.selected-projects-grid{display:flex;flex-direction:column;gap:clamp(1.25rem,3vw,2rem);margin-top:clamp(1.3rem,3.5vw,2rem);align-items:center}.selected-project-card{position:relative;display:flex;gap:1.1rem;align-items:flex-start;padding:clamp(1.25rem,3vw,1.9rem);border-radius:var(--radius-card-lg);background:var(--bg-panel);border:1px solid color-mix(in srgb,var(--border-color) 75%,transparent);box-shadow:var(--card-shadow);transition:transform var(--motion-duration-medium) var(--motion-ease-emphasized),box-shadow var(--motion-duration-medium) var(--motion-ease-emphasized),border-color var(--motion-duration-medium) var(--motion-ease-standard);text-align:left;width:min(100%,820px)}.selected-project-card:hover,.selected-project-card:focus-within{transform:translateY(-4px);box-shadow:var(--card-shadow-hover);border-color:color-mix(in srgb,var(--primary-color) 30%,transparent)}.selected-project-icon{flex-shrink:0;font-size:1.5rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:var(--primary-soft);color:var(--primary-dark)}.selected-project-content{display:flex;flex-direction:column;gap:.6rem;max-width:46rem}.selected-project-content h3{margin:0 0 .25rem;font-size:1rem;color:var(--text-primary);letter-spacing:-.01em}.selected-project-content p{margin:0 0 .6rem;line-height:1.55;color:var(--text-secondary);font-size:1rem;max-width:44ch}.selected-project-result{font-weight:600;color:var(--text-primary);letter-spacing:-.012em}.process-section{background:#fff;border-top:1px solid color-mix(in srgb,var(--border-color) 60%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border-color) 60%,transparent);padding:clamp(4rem,7vw,6rem) 0}.process-grid{display:grid;gap:clamp(1.5rem,4vw,2.5rem);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:clamp(1.75rem,4vw,2.5rem)}.process-step{position:relative;padding:clamp(1.75rem,4vw,2.25rem);border-radius:var(--radius-card-lg);background:var(--bg-panel);border:1px solid color-mix(in srgb,var(--border-color) 75%,transparent);box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:.75rem;transition:transform var(--motion-duration-medium) var(--motion-ease-emphasized),box-shadow var(--motion-duration-medium) var(--motion-ease-emphasized),border-color var(--motion-duration-medium) var(--motion-ease-standard);min-height:220px}.process-step:hover,.process-step:focus-within{transform:translateY(-6px);box-shadow:var(--card-shadow-hover);border-color:color-mix(in srgb,var(--primary-color) 30%,transparent)}.process-step-number{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,var(--primary-soft),var(--accent-soft));display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:var(--primary-dark);font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.process-step h3{margin:0;font-size:1.05rem;color:var(--text-primary);letter-spacing:-.01em}.process-step p{margin:0;color:var(--text-secondary);line-height:1.65;font-size:1rem;max-width:48ch}.engagement-note{margin:clamp(2rem,5vw,2.75rem) auto 0;max-width:640px;text-align:center;color:var(--text-secondary);line-height:1.6;font-weight:500;background:linear-gradient(160deg,color-mix(in srgb,var(--bg-panel) 92%,var(--neutral-100) 8%),color-mix(in srgb,var(--bg-panel) 86%,var(--primary-soft) 14%));border-radius:var(--radius-pill);padding:.85rem 1.5rem;border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.testimonials-section{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-primary) 92%,var(--neutral-100) 8%),color-mix(in srgb,var(--bg-primary) 88%,var(--neutral-100) 12%));padding:var(--section-padding-y) 0;border-top:1px solid color-mix(in srgb,var(--border-color) 55%,transparent)}.testimonial-slide{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateY(10px);transition:opacity var(--motion-duration-slow) var(--motion-ease-gentle),transform var(--motion-duration-slow) var(--motion-ease-gentle);pointer-events:none;background:var(--bg-panel);border-radius:var(--radius-card-lg);padding:clamp(1.85rem,4vw,2.45rem);border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:1.25rem}.testimonial-quote-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--primary-soft),var(--accent-soft));color:var(--primary-dark);display:inline-flex;align-items:center;justify-content:center}.testimonial-slide blockquote p{font-size:clamp(1.05rem,2.3vw,1.25rem);line-height:1.68;color:var(--text-secondary)}.testimonial-role{color:var(--text-tertiary);font-size:var(--text-sm)}.testimonial-arrow{width:42px;height:42px;border-radius:50%;border:1px solid color-mix(in srgb,var(--text-secondary) 36%,transparent);background:var(--bg-primary);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-ease-emphasized),box-shadow var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard)}.testimonial-arrow:hover,.testimonial-arrow:focus-visible{transform:translateY(-2px);border-color:var(--primary-color);box-shadow:var(--card-shadow-soft)}.testimonial-dot{width:10px;height:10px;border-radius:50%;border:none;background:color-mix(in srgb,var(--primary-color) 24%,transparent);cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-ease-standard),background var(--motion-duration-fast) var(--motion-ease-standard)}.contact-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.75rem,2.5vw,1.25rem);margin:clamp(1.5rem,4vw,2.5rem) 0 0}.contact-cta{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:clamp(.85rem,2.5vw,1rem) clamp(1.6rem,4vw,2.25rem);border-radius:var(--radius-pill);font-weight:700;letter-spacing:.01em;transition:transform var(--motion-duration-medium) var(--motion-ease-emphasized),box-shadow var(--motion-duration-medium) var(--motion-ease-emphasized),background var(--motion-duration-medium) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard);font-size:1.05rem}.contact-cta.primary{background:var(--primary-dark);color:var(--text-inverse);border:2px solid var(--primary-dark);box-shadow:0 16px 32px #1f120c38}.contact-cta.primary:hover,.contact-cta.primary:focus-visible{transform:translateY(-4px);box-shadow:0 22px 48px #1f120c4d;border-color:var(--primary-dark);color:var(--text-inverse)}.contact-cta.secondary{background:transparent;border:2px solid rgba(31,18,12,.22);color:#1f120c}.contact-cta.secondary:hover,.contact-cta.secondary:focus-visible{transform:translateY(-4px);border-color:#1f120c73;box-shadow:0 16px 32px #1f120c1f;color:#1f120c}.contact-cta:focus-visible{outline:3px solid rgba(31,18,12,.2);outline-offset:3px}.contact-section{background:color-mix(in srgb,var(--bg-primary) 94%,var(--neutral-100) 6%);border-top:1px solid color-mix(in srgb,var(--border-color) 75%,transparent);padding:var(--section-padding-y) 0}.contact-response-info{max-width:780px;margin:0 auto clamp(1.75rem,5vw,2.5rem);text-align:center;color:#000}.availability-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem;color:#000;font-size:.98rem}.availability-list li{padding:.5rem 1rem;border-radius:999px;background:color-mix(in srgb,var(--bg-panel) 92%,var(--neutral-100) 8%);border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);box-shadow:var(--card-shadow-soft);color:#000}.inline-icon{display:inline-flex;vertical-align:middle}.inline-icon svg{width:1rem;height:1rem;stroke-width:2}.contact-content{display:flex;flex-direction:column;align-items:stretch;gap:clamp(1.5rem,4vw,2.5rem);width:min(100%,720px);margin:clamp(2rem,6vw,3rem) auto 0;padding:0 var(--spacing-3)}.contact-cta--wide{width:100%;justify-content:center}.contact-form-container{position:relative;background:var(--bg-panel);padding:clamp(2rem,4vw,2.75rem);border-radius:1.25rem;border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);box-shadow:var(--card-shadow)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#000;font-size:.9rem}.form-group input,.form-group textarea{padding:var(--spacing-2) var(--spacing-3);border:1px solid color-mix(in srgb,var(--border-color) 80%,transparent);border-radius:.75rem;font-family:inherit;color:#000;background:#f7f7f8;transition:background var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-standard);min-height:44px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:color-mix(in srgb,var(--primary-color) 42%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 24%,transparent);transform:translateY(-1px)}.form-group input.error,.form-group textarea.error{border-color:var(--error-color);box-shadow:0 0 0 3px #d6675a2e}.error-message{color:var(--error-color);font-size:var(--text-sm);margin-top:var(--spacing-1)}.success-message{background:linear-gradient(135deg,var(--accent-color),var(--secondary-color));color:#fff;padding:var(--spacing-2);border-radius:.5rem;text-align:center;font-weight:600;margin-bottom:var(--spacing-2);animation:slideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-methods{display:flex;flex-direction:column;gap:clamp(1rem,3vw,1.5rem)}.contact-item:focus-visible{outline:3px solid color-mix(in srgb,var(--primary-color) 65%,transparent);outline-offset:2px}.contact-item:active{transform:scale(.97)}.contact-icon{font-size:1.8rem;display:flex;align-items:center;justify-content:center}.contact-icon svg{width:1.8rem;height:1.8rem;stroke-width:2}.contact-item div{display:flex;flex-direction:column}.contact-item strong{font-size:1rem;margin-bottom:.25rem;color:#000}.contact-item span{font-size:.9rem;color:#000}.contact-item svg{width:1.4rem;height:1.4rem;color:color-mix(in srgb,var(--primary-dark) 48%,var(--primary-color) 52%)}.footer{position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-dark) 38%,var(--neutral-800) 62%),color-mix(in srgb,var(--primary-dark) 55%,var(--neutral-900) 45%));color:var(--text-inverse);padding:clamp(2.5rem,6vw,4.5rem) clamp(1.5rem,5vw,3.5rem);margin-top:auto;border-top:1px solid color-mix(in srgb,var(--text-inverse) 12%,transparent);display:flex;flex-direction:column;align-items:center;gap:clamp(1.5rem,4vw,2.4rem);text-align:center;overflow:hidden}.footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% -10%,color-mix(in srgb,var(--secondary-color) 30%,transparent) 0%,transparent 60%);opacity:.28;pointer-events:none}.footer:after{content:"";position:absolute;inset:auto 12% -55%;height:120%;border-radius:50%;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent-color) 24%,transparent) 0%,transparent 65%);opacity:.34;pointer-events:none}.footer p{margin:0;max-width:720px;line-height:1.6;font-size:clamp(.95rem,2.1vw,1.05rem);color:color-mix(in srgb,var(--text-inverse) 82%,transparent)}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(1rem,3vw,2rem);position:relative;z-index:1}.footer-links a{color:color-mix(in srgb,var(--text-inverse) 88%,transparent);text-decoration:none;font-weight:600;position:relative;padding-bottom:2px;transition:color var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-standard)}.footer-links a:after{content:"";position:absolute;left:0;bottom:-.25rem;width:100%;height:2px;background:color-mix(in srgb,var(--secondary-color) 80%,transparent);transform:scaleX(0);transform-origin:left;transition:transform var(--motion-duration-medium) var(--motion-ease-standard)}.footer-links a:hover,.footer-links a:focus-visible{color:color-mix(in srgb,var(--secondary-color) 80%,var(--text-inverse) 20%);transform:translateY(-1px)}.footer-links a:hover:after,.footer-links a:focus-visible:after{transform:scaleX(1)}.footer p,.footer-text{position:relative;z-index:1;color:color-mix(in srgb,var(--text-inverse) 82%,transparent)}@media(max-width:768px){.navbar{padding:1rem;position:relative}.mobile-menu-toggle{display:flex}.nav-links{position:fixed;top:60px;left:0;right:0;background:var(--bg-primary);flex-direction:column;align-items:flex-start;padding:1rem 2rem;box-shadow:0 4px 6px #0000001a;transform:translate(-100%);transition:transform .3s ease;max-height:calc(100vh - 60px);overflow-y:auto}.nav-links.active{transform:translate(0)}.nav-links li{width:100%}.nav-links button{width:100%;padding:1rem;text-align:left;border-bottom:1px solid var(--border-color);border-bottom-color:transparent}.nav-links button.active{border-bottom-color:var(--primary-color)}.hero-section{flex-direction:column;text-align:center;padding:2rem 1rem;min-height:auto}.hero-content{max-width:100%;margin-bottom:2rem}.hero-title{font-size:2.5rem}.hero-name{font-size:3rem}.hero-greeting,.hero-tagline{font-size:1.2rem}.hero-visual{min-height:300px}.hero-avatar{font-size:8rem}.hero-avatar-glow{width:200px;height:200px}.hero-buttons{justify-content:center}.btn-primary,.btn-secondary{flex:1;min-width:140px;min-height:48px;padding:var(--spacing-3) var(--spacing-4)}button,a,.tech-badge,.tech-tag,.service-card,.project-link,.contact-item{min-height:48px;min-width:48px}.section-title{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-value{font-size:2rem}.services-grid{grid-template-columns:1fr}.tech-categories{grid-template-columns:1fr;gap:1.5rem}.tech-category{padding:1.5rem}.category-title{font-size:1.25rem}.subcategory-title{font-size:.85rem}.projects-grid,.testimonials-grid,.contact-content{grid-template-columns:1fr}.avatar-large svg{width:6rem;height:6rem}.about-content h2{font-size:2rem}.footer-links{flex-direction:column;gap:1rem}}.experience-section{background-color:var(--bg-secondary)}.experience-timeline-container{position:relative;max-width:900px;margin:0 auto;padding-left:2.5rem}.experience-timeline-line{position:absolute;left:.5rem;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--primary-color) 0%,var(--border-color) 50%,var(--border-color) 100%);z-index:0}.experience-list{display:flex;flex-direction:column;gap:0;position:relative;z-index:1}.experience-timeline-item{display:flex;gap:1.25rem;margin-bottom:1rem;position:relative;transition:transform var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard)}.experience-timeline-item:last-child{margin-bottom:0}.timeline-dot-wrapper{flex-shrink:0;width:1.5rem;display:flex;justify-content:center;align-items:flex-start;padding-top:.25rem}.timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--primary-color);border:3px solid var(--bg-secondary);z-index:2;position:relative;transition:transform var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard),background var(--motion-duration-fast) var(--motion-ease-standard)}.timeline-dot.contract{background:var(--secondary-color);border-color:var(--bg-secondary)}.timeline-dot.current{background:var(--primary-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary-color) 20%,transparent)}.timeline-content{flex:1;min-width:0}.timeline-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;cursor:pointer;transition:padding-left var(--motion-duration-fast) var(--motion-ease-standard);flex-wrap:wrap}.timeline-header:hover{padding-left:.5rem}.timeline-header-main{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;flex:1;min-width:0}.timeline-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.4;white-space:nowrap}.timeline-separator{color:var(--text-secondary);opacity:.5;font-weight:400}.timeline-company{font-size:1rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.timeline-duration{font-size:.9375rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}.timeline-location{font-size:.9375rem;color:var(--text-secondary);font-weight:400;white-space:nowrap}.timeline-badges{display:flex;gap:.5rem;flex-wrap:wrap}.current-badge-timeline{display:inline-flex;align-items:center;padding:.1875rem .5rem;background:color-mix(in srgb,var(--primary-color) 12%,transparent);color:var(--primary-color);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:.25rem;border:1px solid color-mix(in srgb,var(--primary-color) 30%,transparent)}.contract-badge-timeline{display:inline-flex;align-items:center;padding:.1875rem .5rem;background:#f2a90029;color:var(--secondary-color);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:.25rem;border:1px solid rgba(242,169,0,.32)}.timeline-toggle-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:color var(--motion-duration-fast) var(--motion-ease-standard),background var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-standard);flex-shrink:0;border-radius:.25rem}.timeline-toggle-btn:hover{background:var(--bg-primary);color:var(--primary-color)}.timeline-details{padding:.75rem 0 .75rem 1rem;border-left:2px solid var(--border-color);margin-left:.5rem;animation:slideDown .3s ease}.timeline-headline{font-size:.9375rem;color:var(--text-primary);margin:0 0 1rem;font-weight:500;line-height:1.6}.timeline-achievements{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.625rem}.timeline-achievement-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:var(--text-primary);line-height:1.6}.achievement-icon-small{flex-shrink:0;color:var(--primary-color);margin-top:.125rem;stroke-width:2.5}.timeline-technologies{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:1rem}.tech-tag-timeline{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.25rem;font-size:.75rem;font-weight:500;color:var(--text-primary);transition:border-color var(--motion-duration-fast) var(--motion-ease-standard),background var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard)}.tech-tag-timeline:hover{border-color:var(--primary-color);background:var(--bg-secondary)}.tech-icon-timeline{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;flex-shrink:0}.tech-icon-timeline svg{width:12px;height:12px}.timeline-full-description{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.timeline-section-label{font-size:.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.1em}.timeline-description-paragraphs{display:flex;flex-direction:column;gap:.875rem}.timeline-description-text{font-size:.875rem;color:var(--text-primary);line-height:1.7;margin:0;font-weight:400}.experience-card-recruiter{background-color:var(--bg-secondary);padding:2.5rem;border-radius:.75rem;border:1px solid var(--border-color);margin-bottom:2rem;transition:border-color var(--motion-duration-medium) var(--motion-ease-standard),box-shadow var(--motion-duration-medium) var(--motion-ease-standard),transform var(--motion-duration-medium) var(--motion-ease-emphasized);position:relative}.experience-card-recruiter:last-child{margin-bottom:0}.experience-card-recruiter:hover{border-color:var(--primary-color);box-shadow:0 4px 16px color-mix(in srgb,var(--primary-color) 14%,transparent)}.experience-card-recruiter.most-recent{border-color:var(--primary-color);border-width:2px}.experience-card-recruiter.most-recent:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:.75rem .75rem 0 0}.experience-card-recruiter.contract-role{border-left:3px solid var(--secondary-color);border-left-style:solid}.experience-card-recruiter.contract-role:hover{border-left-color:#f2a900d9;box-shadow:0 4px 16px #1623381f}.experience-header-pro{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.experience-title-row{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.experience-job-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3;letter-spacing:-.01em}.current-badge-pro{display:inline-flex;align-items:center;padding:.25rem .625rem;background:color-mix(in srgb,var(--primary-color) 12%,transparent);color:var(--primary-color);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:.25rem;border:1px solid color-mix(in srgb,var(--primary-color) 30%,transparent)}.contract-badge-pro{display:inline-flex;align-items:center;padding:.25rem .625rem;background:#f2a90029;color:var(--secondary-color);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:.25rem;border:1px solid rgba(242,169,0,.32)}.experience-company-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.company-icon-pro-wrapper{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary-color);opacity:.85;transition:opacity var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-emphasized),color var(--motion-duration-fast) var(--motion-ease-standard)}.company-icon-pro-wrapper svg{width:18px;height:18px;stroke-width:2}.company-icon-pro-wrapper:hover{opacity:1;transform:scale(1.05);color:var(--secondary-color)}.company-icon-svg{color:inherit}.company-name-pro{font-size:1.125rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.location-separator{color:var(--text-secondary);font-weight:400;opacity:.5}.location-text{font-size:1rem;color:var(--text-secondary);font-weight:400}.experience-meta-row{display:flex;align-items:center}.experience-duration-pro{font-size:.9375rem;color:var(--text-secondary);font-weight:500}.experience-content-pro{margin-bottom:1rem}.experience-preview{padding:1.25rem;background-color:var(--bg-primary);border-left:3px solid var(--primary-color);border-radius:.5rem;margin-bottom:1rem;transition:border-color var(--motion-duration-medium) var(--motion-ease-standard),box-shadow var(--motion-duration-medium) var(--motion-ease-standard),transform var(--motion-duration-medium) var(--motion-ease-emphasized)}.experience-headline-pro{font-size:1.0625rem;color:var(--text-primary);margin:0;font-weight:500;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.achievements-block-visible,.experience-tech-section-inline{padding:1.25rem;background-color:var(--bg-primary);border-radius:.5rem;border:1px solid var(--border-color);margin-bottom:1rem}.experience-tech-badges{display:flex;flex-wrap:wrap;gap:.5rem}.description-block-expanded{margin-top:1rem;padding:1.25rem;background-color:var(--bg-primary);border-radius:.5rem;border:1px solid var(--border-color);animation:slideDown .3s ease}.section-label{font-size:.8125rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:.75rem}.section-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--primary-color),transparent)}.experience-achievements-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.875rem}.achievement-item{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem 0;transition:gap var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-standard)}.achievement-icon{flex-shrink:0;color:var(--primary-color);margin-top:.125rem;stroke-width:2.5}.achievement-text{display:block;color:var(--text-primary);line-height:1.7;font-size:1rem;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.achievement-item:hover{gap:.75rem}.achievement-item:hover .achievement-icon{transform:scale(1.1);color:var(--secondary-color)}.achievement-item:hover .achievement-text{font-weight:500;color:var(--text-primary)}.description-paragraphs{display:flex;flex-direction:column;gap:1.25rem}.description-paragraph-chunk{font-size:1rem;color:var(--text-primary);line-height:1.75;margin:0;text-align:left;position:relative;padding-left:1.5rem;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.description-paragraph-chunk:before{content:"▎";position:absolute;left:0;color:var(--primary-color);opacity:.4;font-weight:700}.description-paragraph-chunk:first-of-type{font-weight:500;color:var(--text-primary)}.description-paragraph-chunk:first-of-type:before{opacity:.6}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:1000px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tech-badge-pro{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:color-mix(in srgb,var(--primary-color) 14%,transparent);color:var(--primary-color);border-radius:.375rem;font-size:.8125rem;font-weight:600;border:1px solid color-mix(in srgb,var(--primary-color) 28%,transparent);transition:transform .2s ease;white-space:nowrap}.tech-icon-inline{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:14px;height:14px}.tech-icon-inline svg{width:14px;height:14px;color:var(--primary-color)}.tech-badge-pro:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary-color) 42%,transparent);background:color-mix(in srgb,var(--primary-color) 20%,transparent)}.experience-description-compact{list-style:none;padding:0;margin:0 0 .75rem}.experience-description-compact li{padding:.375rem 0 .375rem 1.25rem;position:relative;color:var(--text-secondary);line-height:1.6;font-size:.9375rem}.experience-description-compact li:before{content:"•";position:absolute;left:0;color:var(--primary-color);font-weight:700;font-size:1.2em;line-height:1}.experience-technologies-compact{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;align-items:center}.experience-timeline-container{padding-left:2rem}.timeline-header-main{flex-direction:column;align-items:flex-start;gap:.25rem}.timeline-title{font-size:1rem}.timeline-separator{display:none}.timeline-company,.timeline-duration,.timeline-location{font-size:.875rem}.timeline-details{margin-left:.25rem;padding-left:.75rem}.tech-section-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-right:.5rem}.tech-tag-small{display:inline-block;padding:.25rem .625rem;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:.375rem;font-size:.8125rem;font-weight:500;color:var(--text-secondary);transition:border-color var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard),background var(--motion-duration-fast) var(--motion-ease-standard)}.tech-tag-small:hover{border-color:var(--primary-color);color:var(--primary-color)}.tech-tag-more{display:inline-block;padding:.25rem .625rem;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:.375rem;font-size:.8125rem;font-weight:500;color:var(--text-secondary);font-style:italic}.experience-toggle-btn-single{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--bg-primary);border:1.5px solid var(--primary-color);border-radius:.5rem;color:var(--primary-color);font-size:.875rem;font-weight:600;cursor:pointer;transition:background var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-standard);width:100%;font-family:inherit;margin-top:.5rem}.experience-toggle-btn-single:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px color-mix(in srgb,var(--primary-color) 22%,transparent)}.experience-toggle-btn-single:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.toggle-text{font-weight:600}.toggle-chevron{display:inline-flex;align-items:center;transition:transform var(--motion-duration-fast) var(--motion-ease-standard)}.experience-toggle-btn-single[aria-expanded=true] .toggle-chevron{transform:rotate(180deg)}.toggle-chevron svg{width:1rem;height:1rem;stroke-width:2.5}.tech-badge-small{font-size:var(--text-xs);padding:var(--spacing-1) var(--spacing-2);background:color-mix(in srgb,var(--primary-color) 14%,transparent);color:var(--primary-color);border-radius:12px;font-weight:600;border:1px solid color-mix(in srgb,var(--primary-color) 28%,transparent);transition:transform var(--motion-duration-fast) var(--motion-ease-emphasized),border-color var(--motion-duration-fast) var(--motion-ease-standard),background var(--motion-duration-fast) var(--motion-ease-standard);white-space:nowrap}.tech-badge-small:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary-color) 38%,transparent);background:color-mix(in srgb,var(--primary-color) 20%,transparent)}.achievements-title{font-size:1.1rem;color:var(--text-primary);margin-top:1.5rem;margin-bottom:.5rem;font-weight:600}@media(max-width:768px){.timeline:before{left:20px}.timeline-item{flex-direction:row!important;margin-bottom:2rem}.timeline-marker{left:20px}.timeline-content{width:calc(100% - 60px);margin-left:50px!important;margin-right:0!important}.work-header{flex-direction:column;gap:.5rem}.work-duration{margin-left:0}}@media(prefers-color-scheme:dark){:root{--text-primary: #f6f0ea;--text-secondary: rgba(246, 240, 234, .72);--bg-primary: #1f1813;--bg-secondary: #16100c;--border-color: rgba(246, 240, 234, .18);--card-shadow: 0 1px 3px rgba(0, 0, 0, .3);--card-shadow-hover: 0 10px 25px rgba(0, 0, 0, .5)}.navbar{box-shadow:var(--card-shadow)}.hero-visual{background:color-mix(in srgb,var(--primary-color) 12%,transparent)}}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.cursor-blink{animation:cursorBlink 1s infinite;color:var(--primary-color);margin-left:2px}.particle-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}@keyframes floatAdvanced{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(2deg)}66%{transform:translateY(-10px) rotate(-2deg)}}.floating-element{animation:floatAdvanced 6s ease-in-out infinite}.gradient-text{background:linear-gradient(120deg,var(--primary-color),color-mix(in srgb,var(--secondary-color) 70%,transparent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.code-section{background-color:var(--bg-primary);padding:var(--spacing-6) var(--spacing-3)}.showcase-section{background-color:var(--bg-secondary);padding:var(--spacing-7) var(--spacing-3)!important}.showcase-container{max-width:900px;margin:0 auto;position:relative}.showcase-nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.showcase-projects-nav{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center;flex:1;max-width:100%}.showcase-project-name{padding:.5rem 1rem;border-radius:.5rem;border:2px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:color var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),background var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-medium) var(--motion-ease-standard);white-space:nowrap;text-align:center;min-width:fit-content}.showcase-project-name:hover{border-color:var(--primary-color);color:var(--text-primary);transform:translateY(-1px)}.showcase-project-name.active{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 16%,transparent);color:var(--primary-color);box-shadow:0 6px 18px #1123381f}.showcase-nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:2px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:transform var(--motion-duration-medium) var(--motion-ease-emphasized),border-color var(--motion-duration-fast) var(--motion-ease-standard),background var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-medium) var(--motion-ease-standard);flex-shrink:0}.showcase-nav-btn:hover{border-color:var(--primary-color);background:var(--primary-color);color:#fff;transform:scale(1.1)}.showcase-nav-btn:active{transform:scale(.95)}.showcase-nav-btn:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.showcase-item{background-color:var(--bg-primary);border-radius:1rem;padding:2rem;border:1px solid var(--border-color);box-shadow:var(--card-shadow);transition:border-color var(--motion-duration-medium) var(--motion-ease-standard),box-shadow var(--motion-duration-medium) var(--motion-ease-standard),transform var(--motion-duration-medium) var(--motion-ease-emphasized);display:flex;flex-direction:column;animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.showcase-item:hover{box-shadow:var(--card-shadow-hover);border-color:var(--primary-color)}.showcase-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.showcase-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em}.showcase-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb,var(--primary-color) 14%,transparent);color:var(--primary-color);border:1px solid color-mix(in srgb,var(--primary-color) 28%,transparent)}.showcase-badge.coming-soon{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.showcase-content{margin-bottom:1rem;min-height:300px;display:flex;align-items:center;justify-content:center}.showcase-placeholder{opacity:.85}.showcase-placeholder:hover{opacity:1}.showcase-placeholder-content{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background:var(--bg-secondary);border-radius:.75rem;border:2px dashed var(--border-color);margin-bottom:1rem}.placeholder-icon{color:var(--text-secondary);opacity:.5;margin-bottom:1rem}.placeholder-text{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin:0;max-width:280px}.showcase-description{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin:0 0 1rem;flex:1}.showcase-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.showcase-tech .tech-tag{padding:.375rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;font-size:.8125rem;font-weight:500;color:var(--text-primary);transition:border-color var(--motion-duration-fast) var(--motion-ease-standard),background var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard)}.showcase-tech .tech-tag:hover{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 12%,transparent)}@media(max-width:768px){.showcase-container{max-width:100%}.showcase-nav{flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.showcase-nav-btn{width:32px;height:32px}.showcase-projects-nav{gap:.375rem;width:100%;justify-content:center}.showcase-project-name{flex:0 0 auto;min-width:60%;text-align:center;padding:.5rem .75rem;white-space:normal;word-break:break-word;scroll-snap-align:center}.showcase-indicator.active{width:24px}.showcase-item{padding:1.5rem}.showcase-content,.showcase-placeholder-content{min-height:250px}}.code-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.code-snippet-container{background-color:var(--bg-secondary);border-radius:1rem;overflow:hidden;box-shadow:var(--card-shadow);border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease}.code-snippet-container:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-hover)}.code-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#162338e6;border-bottom:1px solid var(--border-color)}.code-language{color:var(--text-inverse);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.copy-button{background:color-mix(in srgb,var(--primary-color) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary-color) 28%,transparent);color:var(--text-inverse);padding:.4rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.85rem;transition:background var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-emphasized);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.copy-button:hover{background:color-mix(in srgb,var(--primary-color) 20%,transparent);transform:scale(1.05)}.code-block{margin:0;padding:2rem;background-color:#1a1511;color:#f6f0ea;overflow-x:auto;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.9rem;line-height:1.6;font-weight:400}.code-block code{color:#f6f0ea}.code-block .keyword{color:var(--primary-color)}.code-block .string{color:var(--secondary-color)}.code-block .function{color:var(--accent-color)}.code-block .comment{color:#f6f0ea99}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes glitch-color{0%,to{text-shadow:0 0 0 var(--primary-color)}25%{text-shadow:-2px 0 0 var(--primary-color),2px 0 0 var(--secondary-color)}50%{text-shadow:2px 0 0 var(--primary-color),-2px 0 0 var(--accent-color)}75%{text-shadow:0 0 0 var(--primary-color)}}.glitch-text{position:relative;display:inline-block;animation:glitch-color 3s infinite}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{animation:glitch 3s infinite;clip-path:polygon(0 0,100% 0,100% 35%,0 35%);animation-delay:-1s}.glitch-text:after{animation:glitch 3s infinite;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%);animation-delay:-2s}.mouse-trail{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.trail-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,var(--primary-color),transparent);transform:translate(-50%,-50%);animation:trailFade 1s ease-out forwards;pointer-events:none}@keyframes trailFade{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(0)}}.project-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--primary-color) 12%,transparent),transparent);transition:left .5s ease;z-index:1;pointer-events:none}.project-card:hover:before{left:100%}.project-card>*{position:relative;z-index:2}.btn-primary,.btn-secondary{position:relative;overflow:hidden;z-index:0}.btn-primary:before,.btn-secondary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary:hover:before,.btn-secondary:hover:before{width:300px;height:300px}.btn-primary>span,.btn-secondary>span{position:relative;z-index:1}.btn-primary:active,.btn-secondary:active{transform:translateY(0)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary:disabled:hover,.btn-secondary:disabled:hover{transform:none!important;box-shadow:0 4px 15px color-mix(in srgb,var(--primary-color) 30%,transparent)}.btn-primary.loading,.btn-secondary.loading{pointer-events:none;opacity:.8}.btn-primary.loading:after,.btn-secondary.loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skills-radar-container{margin-top:4rem;padding:2rem;background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary));border-radius:1rem;border:1px solid var(--border-color)}@media(max-width:768px){.code-grid{grid-template-columns:1fr}.code-block{font-size:.8rem;padding:1.5rem}.showcase-section{padding:var(--spacing-6) var(--spacing-2)!important}.showcase-container{padding:0}.particle-canvas,.custom-cursor,.cursor-dot{display:none}.experience-list{padding-left:0}.experience-card-recruiter{padding:1.5rem}.experience-job-title{font-size:1.25rem}.company-name-pro{font-size:1rem}.experience-company-row{flex-direction:column;align-items:flex-start;gap:.25rem}.location-separator{display:none}.experience-preview,.achievements-block-visible,.experience-tech-section-inline{padding:1rem;margin-bottom:.75rem}.description-block-expanded{padding:1rem;margin-top:.75rem}.description-paragraphs{gap:1rem}.description-paragraph-chunk{font-size:.9375rem;padding-left:1.25rem}.achievement-text{font-size:.9375rem}.experience-headline-pro{font-size:1rem}.tech-badge-pro{font-size:.75rem;padding:.3125rem .625rem}.experience-toggle-btn-single{padding:.5rem 1rem;font-size:.8125rem}}.custom-cursor{position:fixed;width:40px;height:40px;border-radius:50%;border:2px solid var(--primary-color);pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease,opacity .3s ease;opacity:0;left:-100px;top:-100px}.custom-cursor .cursor-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:var(--primary-color);transition:transform var(--motion-duration-medium) var(--motion-ease-gentle),width var(--motion-duration-medium) var(--motion-ease-gentle),height var(--motion-duration-medium) var(--motion-ease-gentle),opacity var(--motion-duration-medium) var(--motion-ease-gentle)}.cursor-dot{position:fixed;width:6px;height:6px;border-radius:50%;background:var(--primary-color);pointer-events:none;z-index:9999;transform:translate(-50%,-50%);opacity:0;left:-100px;top:-100px;transition:opacity .3s ease}.scroll-progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,color-mix(in srgb,var(--primary-color) 70%,transparent),color-mix(in srgb,var(--secondary-color) 60%,transparent));z-index:1000;transition:width .1s ease;width:0%;opacity:.8}.btn-primary,.btn-secondary{transition:transform .3s cubic-bezier(.25,.46,.45,.94)!important}input[type=range]{-webkit-appearance:none!important;appearance:none!important;background:transparent!important;cursor:pointer;height:24px;margin:0;padding:0;outline:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{height:8px!important;background:linear-gradient(90deg,var(--secondary-wash) 0%,var(--accent-wash) 100%)!important;border-radius:4px!important;border:none!important;margin-top:8px!important}input[type=range]::-moz-range-track{height:8px!important;background:linear-gradient(90deg,var(--secondary-wash) 0%,var(--accent-wash) 100%)!important;border-radius:4px!important;border:none!important}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;height:20px!important;width:20px!important;border-radius:50%!important;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%)!important;border:3px solid white!important;box-shadow:0 2px 8px color-mix(in srgb,var(--primary-color) 35%,transparent),0 0 color-mix(in srgb,var(--primary-color) 24%,transparent)!important;cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-ease-emphasized),box-shadow var(--motion-duration-fast) var(--motion-ease-standard);margin-top:-6px!important}input[type=range]::-moz-range-thumb{height:20px!important;width:20px!important;border-radius:50%!important;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%)!important;border:3px solid white!important;box-shadow:0 2px 8px color-mix(in srgb,var(--primary-color) 35%,transparent),0 0 color-mix(in srgb,var(--primary-color) 24%,transparent)!important;cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-ease-emphasized),box-shadow var(--motion-duration-fast) var(--motion-ease-standard)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)!important;box-shadow:0 4px 12px color-mix(in srgb,var(--primary-color) 45%,transparent),0 0 0 4px color-mix(in srgb,var(--primary-color) 22%,transparent)!important}input[type=range]::-moz-range-thumb:hover{transform:scale(1.15)!important;box-shadow:0 4px 12px color-mix(in srgb,var(--primary-color) 45%,transparent),0 0 0 4px color-mix(in srgb,var(--primary-color) 22%,transparent)!important}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.05)!important}input[type=range]::-moz-range-thumb:active{transform:scale(1.05)!important}input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 2px 8px color-mix(in srgb,var(--primary-color) 35%,transparent),0 0 0 3px color-mix(in srgb,var(--primary-color) 24%,transparent)!important}input[type=range]:focus::-moz-range-thumb{box-shadow:0 2px 8px color-mix(in srgb,var(--primary-color) 35%,transparent),0 0 0 3px color-mix(in srgb,var(--primary-color) 24%,transparent)!important}input[type=range]:disabled{cursor:not-allowed;opacity:.5}input[type=range]:disabled::-webkit-slider-runnable-track{background:var(--bg-muted)!important}input[type=range]:disabled::-moz-range-track{background:var(--bg-muted)!important}input[type=range]:disabled::-webkit-slider-thumb{background:var(--bg-disabled)!important;box-shadow:none!important;cursor:not-allowed}input[type=range]:disabled::-moz-range-thumb{background:var(--bg-disabled)!important;box-shadow:none!important;cursor:not-allowed}@media(hover:none){input[type=range]::-webkit-slider-thumb{height:24px!important;width:24px!important}input[type=range]::-moz-range-thumb{height:24px!important;width:24px!important}}@media(prefers-reduced-motion:reduce){.particle-canvas{display:none}.hero-section:before,.hero-section:after{animation:none!important}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:1000px 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-title{height:2em;width:60%;margin-bottom:1em}.skeleton-avatar{width:120px;height:120px;border-radius:50%}.showcase-tech .tech-tag:hover{transform:translateY(-2px)}.projects-showcase-container{max-width:1100px;margin:2rem auto 0;position:relative}.projects-showcase-nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;padding:.75rem 1rem;box-shadow:var(--card-shadow)}.projects-showcase-nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:2px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:transform var(--motion-duration-medium) var(--motion-ease-emphasized),border-color var(--motion-duration-fast) var(--motion-ease-standard),background var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-medium) var(--motion-ease-standard),opacity var(--motion-duration-fast) var(--motion-ease-standard);flex-shrink:0}.projects-showcase-nav-btn:disabled{opacity:.35;cursor:not-allowed}.projects-showcase-tabs{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center;flex:1;max-width:100%}.projects-showcase-tab{padding:.5rem 1rem;border-radius:.5rem;border:2px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:color var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),background var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-medium) var(--motion-ease-standard);white-space:nowrap;text-align:center;min-width:fit-content}.projects-showcase-grid{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:1.5rem;align-items:start}.projects-showcase-chips{display:flex;flex-wrap:wrap;gap:.45rem}.projects-showcase-chip{display:inline-flex;align-items:center;padding:.32rem .8rem;border-radius:.75rem;background:#94a3b833;color:var(--text-secondary);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.projects-showcase-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.projects-showcase-highlights{display:flex;flex-wrap:wrap;gap:.6rem}.projects-showcase-highlight{padding:.65rem .9rem;border-radius:.95rem;background:color-mix(in srgb,var(--primary-color) 14%,transparent);display:grid;gap:.28rem;min-width:min(240px,100%)}.projects-showcase-highlight-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#8a503cbf;font-weight:700}.projects-showcase-highlight-value{font-size:.95rem;color:var(--text-primary)}.projects-showcase-list{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.45rem}.projects-showcase-list li{color:var(--text-primary);line-height:1.7}.projects-showcase-list li strong{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:.1rem}.projects-showcase-tech{display:flex;flex-wrap:wrap;gap:.45rem}.projects-showcase-tech span{padding:.45rem .9rem;border-radius:999px;background:#e2e8f08c;color:var(--text-secondary);font-size:.84rem;font-weight:600}.projects-showcase-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.projects-showcase-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.2rem;border-radius:.85rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-weight:700;font-size:.9rem;text-decoration:none;box-shadow:0 16px 30px #8a503c47;transition:transform .2s ease,box-shadow .2s ease}.projects-showcase-primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px #8a503c57}.projects-showcase-secondary{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.05rem;border-radius:.8rem;background:#0f172a0d;border:1px solid color-mix(in srgb,var(--text-secondary) 36%,transparent);color:var(--text-secondary);font-weight:600;text-decoration:none;transition:color var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),background var(--motion-duration-fast) var(--motion-ease-standard)}.projects-showcase-secondary:hover{color:var(--primary-color);border-color:color-mix(in srgb,var(--primary-color) 32%,transparent)}@media(max-width:1024px){.projects-showcase-nav{flex-direction:column;align-items:stretch}.projects-showcase-tabs{width:100%;justify-content:flex-start}.projects-showcase-grid{grid-template-columns:1fr;gap:1.5rem}.projects-showcase-aside{flex-direction:row;align-items:center;gap:1.25rem;flex-wrap:wrap}.projects-showcase-aside>*{flex:1}.projects-showcase-aside .project-logo-card{max-width:200px}.projects-showcase-main{gap:1.25rem}.projects-showcase-panels{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.projects-showcase-actions{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.projects-showcase-item{padding:1.9rem 1.6rem}.projects-showcase-header-top{flex-direction:column;align-items:flex-start;gap:.5rem}.projects-showcase-grid{grid-template-columns:1fr;gap:1rem}.projects-showcase-aside{grid-template-columns:1fr}.projects-showcase-aside .project-logo-card{max-width:220px;margin:0 auto}.projects-showcase-panels{grid-template-columns:1fr}.projects-showcase-tabs{gap:.35rem}.projects-showcase-tab{padding:.4rem .75rem;font-size:.76rem}.projects-showcase-highlights{flex-direction:column;gap:.45rem}.projects-showcase-actions{width:100%}.projects-showcase-primary,.projects-showcase-secondary{width:100%;justify-content:center}}.projects-showcase-item{margin-top:1rem;padding:2rem 2.25rem}.projects-showcase-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.projects-showcase-header-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.projects-showcase-index{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary)}.projects-showcase-summary{margin:0;color:var(--text-secondary);line-height:1.7}.projects-showcase-content{display:block;width:100%;margin-bottom:1.5rem;min-height:0}.projects-showcase-panel--highlights{background:color-mix(in srgb,var(--primary-color) 10%,transparent);border-color:color-mix(in srgb,var(--primary-color) 22%,transparent)}.projects-showcase-tab:hover{border-color:var(--primary-color);color:var(--text-primary);transform:translateY(-1px)}.projects-showcase-tab:focus-visible{outline:3px solid color-mix(in srgb,var(--primary-color) 35%,transparent);outline-offset:2px}.projects-showcase-tab.active{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 15%,transparent);color:var(--primary-color);box-shadow:0 6px 18px #1123381f}.projects-showcase-nav-btn:hover:not(:disabled){border-color:var(--primary-color);background:var(--primary-color);color:#fff;transform:scale(1.1)}.projects-showcase-nav-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--primary-color) 35%,transparent);outline-offset:2px}.projects-showcase-meta-grid{display:grid;gap:.55rem;margin:0}.projects-showcase-meta-grid div{display:grid;gap:.2rem}.projects-showcase-meta-grid dd{margin:0}.project-meta-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.project-meta-value{font-weight:600;color:var(--text-primary)}.projects-showcase-meta-icon{color:var(--primary-color)}.projects-showcase-panel--highlights{background:color-mix(in srgb,var(--primary-color) 12%,transparent);border-color:color-mix(in srgb,var(--primary-color) 24%,transparent)}.projects-showcase-main{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.projects-showcase-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:1.15rem 1.3rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--card-shadow);transition:transform .2s ease,box-shadow .2s ease}.projects-showcase-panel h4{margin:0;font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.projects-showcase-panel:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.projects-showcase-aside{display:grid;gap:1rem}.project-logo-card{position:relative;border-radius:1.1rem;padding:1.35rem;background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--text-secondary) 36%,transparent);box-shadow:var(--card-shadow);overflow:hidden;isolation:isolate}.project-logo-accent{position:absolute;inset:0;background:radial-gradient(120% 120% at 50% 0%,color-mix(in srgb,var(--primary-color) 20%,transparent),transparent 60%),linear-gradient(135deg,rgba(15,23,42,.2),transparent 70%);opacity:.8;pointer-events:none;z-index:0}.project-logo-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:140px}.project-logo-placeholder{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem}.projects-showcase-aside .project-logo-card[data-logo-fit=wide] .project-logo-content{min-height:110px}.projects-showcase-aside .project-logo-card[data-logo-fit=tall] .project-logo-content{min-height:160px}.projects-showcase-aside .project-logo-card{width:100%;max-width:220px}.projects-showcase-aside .project-screenshot{max-height:180px;object-fit:contain}.project-logo-card[data-logo-fit=wide] .project-screenshot{max-height:120px}.project-logo-card[data-logo-fit=tall] .project-screenshot{max-height:200px}.project-image[data-logo-fit=tall] .project-logo{object-fit:contain;padding:1.75rem 1.25rem}.project-image[data-logo-fit=wide] .project-logo{object-fit:contain;padding:1.5rem 2.5rem}.project-logo{width:auto;height:auto;max-width:260px;max-height:140px;object-fit:contain;padding:1.5rem;margin:0 auto;position:relative;z-index:2}.value-section{position:relative;background:linear-gradient(180deg,#fffaf6,#f5e9df);padding-top:clamp(4.5rem,8vw,6.5rem);padding-bottom:clamp(4.5rem,8vw,6.5rem);overflow:hidden}.value-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 10%,rgba(244,207,165,.25) 0%,transparent 55%),radial-gradient(circle at 88% 12%,rgba(227,183,186,.2) 0%,transparent 60%);opacity:.6;pointer-events:none}.value-section .container{position:relative;z-index:1}.value-header{max-width:860px;margin:0 auto clamp(3rem,6vw,4.5rem);text-align:center}.value-intro{margin-top:var(--spacing-3);font-size:var(--text-lg);line-height:var(--line-height-relaxed);color:#3a2a27}.value-grid{display:grid;gap:clamp(1.75rem,4vw,2.75rem);grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.value-card{position:relative;background:linear-gradient(165deg,#fffffff2,#fff6f0e6);border-radius:1.25rem;padding:clamp(1.85rem,4vw,2.6rem);box-shadow:0 26px 58px #2f2a2a1f;border:1px solid rgba(47,42,42,.08);display:flex;flex-direction:column;gap:var(--spacing-2);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.value-card:hover,.value-card:focus-within{transform:translateY(-6px);box-shadow:0 34px 72px #2f2a2a29;border-color:color-mix(in srgb,var(--primary-color) 24%,transparent)}.value-card:after{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(135deg,#fff9,#fff0);pointer-events:none}.value-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#d88a7638,#e3b7ba2e);display:inline-flex;align-items:center;justify-content:center;color:#a75e4b;box-shadow:0 12px 24px #a75e4b2e}.value-card h3{font-size:var(--text-lg);font-weight:700;color:#251b19;letter-spacing:-.015em}.value-card p{font-size:var(--text-base);line-height:1.68;color:#3f312e}@media(max-width:1024px){.hero-content{max-width:720px}.hero-socials{justify-content:center}.value-header{margin-bottom:clamp(2rem,6vw,3rem)}}@media(max-width:768px){.hero-buttons{justify-content:center}.hero-section:before,.hero-section:after{display:none}.value-section{padding-top:clamp(3rem,10vw,4rem);padding-bottom:clamp(3rem,10vw,4rem)}}.site-header{position:sticky;top:0;z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg-primary) 94%,var(--neutral-100) 6%);border-bottom:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);transition:background var(--motion-duration-medium) var(--motion-ease-standard),box-shadow var(--motion-duration-medium) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard)}.site-header:after{content:none}.site-header-scrolled{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-primary) 86%,var(--secondary-color) 14%),color-mix(in srgb,var(--bg-primary) 82%,var(--primary-color) 18%));box-shadow:0 22px 42px color-mix(in srgb,var(--border-color) 55%,transparent);border-bottom-color:color-mix(in srgb,var(--primary-color) 24%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:clamp(1rem,3vw,2.25rem);width:min(100%,var(--section-max-width));margin:0 auto;padding:.75rem clamp(1.5rem,5vw,3rem)}.site-logo{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px}.site-logo img{width:44px;height:44px;border-radius:12px;object-fit:cover;box-shadow:var(--card-shadow-soft);transition:transform .16s var(--motion-ease-emphasized)}.site-logo:hover img,.site-logo:focus-visible img{animation:site-logo-wobble .6s ease-in-out}@keyframes site-logo-wobble{0%{transform:rotate(0) scale(1)}20%{transform:rotate(-6deg) scale(1.03)}40%{transform:rotate(5deg) scale(1.03)}60%{transform:rotate(-4deg) scale(1.02)}80%{transform:rotate(3deg) scale(1.01)}to{transform:rotate(0) scale(1)}}.site-nav{display:flex;gap:clamp(.75rem,2.5vw,1.5rem);align-items:center;margin-left:auto}.site-nav-link{background:none;border:none;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:color var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-emphasized);position:relative;padding:.25rem 0}.site-nav-link:hover,.site-nav-link:focus-visible{color:var(--text-primary);transform:translateY(-2px)}.site-nav-link:after{content:"";position:absolute;left:0;bottom:-.35rem;width:100%;height:2px;background:color-mix(in srgb,var(--primary-color) 65%,transparent);transform:scaleX(0);transform-origin:left;transition:transform var(--motion-duration-medium) var(--motion-ease-standard)}.site-nav-link:hover:after,.site-nav-link:focus-visible:after{transform:scaleX(1)}.site-nav-cta{padding:.65rem 1.4rem;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--primary-color),color-mix(in srgb,var(--primary-dark) 70%,var(--primary-color) 30%));color:var(--text-inverse);font-weight:600;text-decoration:none;transition:transform var(--motion-duration-medium) var(--motion-ease-emphasized),box-shadow var(--motion-duration-medium) var(--motion-ease-emphasized),filter var(--motion-duration-medium) var(--motion-ease-standard);box-shadow:0 18px 36px color-mix(in srgb,var(--primary-dark) 34%,transparent);border:1px solid color-mix(in srgb,var(--primary-dark) 24%,transparent)}.site-nav-cta:hover,.site-nav-cta:focus-visible{transform:translateY(-3px);box-shadow:0 22px 44px color-mix(in srgb,var(--primary-dark) 40%,transparent);filter:brightness(1.03)}@media(max-width:768px){.site-header-inner{flex-wrap:wrap;justify-content:center;gap:1rem}.site-nav{flex-wrap:wrap;justify-content:center;margin-left:0}}.hero-content{flex:1;max-width:900px;z-index:1;position:relative;text-align:inherit;margin:0 auto}.what-you-get-section{padding-top:clamp(3.5rem,7vw,5rem);padding-bottom:clamp(3.5rem,7vw,5rem)}.what-you-get-grid{display:grid;gap:clamp(1.25rem,3vw,2rem);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:clamp(1.5rem,4vw,2.5rem)}.what-you-get-card{background:var(--bg-secondary);border-radius:1rem;padding:clamp(1.5rem,4vw,2rem);border:1px solid color-mix(in srgb,var(--text-secondary) 22%,transparent)}.what-you-get-card h3{font-size:var(--text-lg);margin-bottom:.75rem}.what-you-get-card p{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.testimonials-section{background:var(--bg-secondary);padding-top:clamp(4rem,8vw,6rem);padding-bottom:clamp(4rem,8vw,6rem)}.testimonial-slider{position:relative;max-width:820px;margin:clamp(2rem,5vw,3rem) auto 0}.testimonial-viewport{position:relative;min-height:280px}.testimonial-slide{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease;pointer-events:none;background:var(--bg-primary);border-radius:1rem;padding:clamp(1.75rem,4vw,2.25rem);border:1px solid color-mix(in srgb,var(--text-secondary) 22%,transparent);box-shadow:var(--card-shadow-soft, 0 20px 45px rgba(15, 23, 42, .08));display:flex;flex-direction:column;gap:1.25rem}.testimonial-slide.active{opacity:1;transform:translateY(0);pointer-events:auto;position:relative}.testimonial-quote-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 14%,transparent),color-mix(in srgb,var(--accent-color) 14%,transparent));color:var(--primary-color);display:inline-flex;align-items:center;justify-content:center}.testimonial-slide blockquote{margin:0}.testimonial-slide blockquote p{font-size:var(--text-lg);line-height:var(--line-height-relaxed);color:var(--text-primary)}.testimonial-name{font-weight:700;color:var(--text-primary);display:block}.testimonial-role{color:var(--text-secondary);font-size:var(--text-sm)}.testimonial-controls{margin-top:1.75rem;display:flex;align-items:center;justify-content:center;gap:1.5rem}.testimonial-arrow{width:42px;height:42px;border-radius:50%;border:1px solid color-mix(in srgb,var(--text-secondary) 36%,transparent);background:var(--bg-primary);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.testimonial-arrow:hover,.testimonial-arrow:focus-visible{transform:translateY(-2px);border-color:var(--primary-color);box-shadow:var(--card-shadow-hover)}.testimonial-dots{display:flex;gap:.5rem;align-items:center}.testimonial-dot{width:10px;height:10px;border-radius:50%;border:none;background:color-mix(in srgb,var(--primary-color) 24%,transparent);cursor:pointer;transition:transform .2s ease,background .2s ease}.testimonial-dot.active{background:var(--primary-color);transform:scale(1.2)}.skill-category-group{border:1px solid color-mix(in srgb,var(--text-secondary) 22%,transparent);border-radius:.75rem;padding:.75rem 1rem;background:var(--bg-secondary)}.skill-category-group+.skill-category-group{margin-top:.75rem}.skill-category-group summary{list-style:none;cursor:pointer;font-weight:700;font-size:var(--text-base);color:var(--text-primary);display:flex;align-items:center;justify-content:space-between}.skill-category-group[open] summary:after,.skill-category-group summary:after{content:"";width:10px;height:10px;border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);transform:rotate(-45deg);transition:transform .2s ease}.skill-category-group[open] summary:after{transform:rotate(45deg)}.skill-category-group summary::-webkit-details-marker{display:none}.skill-category-group .category-badges{margin-top:.75rem}.skill-category-group summary:focus-visible{outline:2px solid var(--primary-color);outline-offset:4px;border-radius:.5rem}.testimonial-meta{display:flex;align-items:center;gap:.85rem}.testimonial-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 24%,transparent),color-mix(in srgb,var(--accent-color) 24%,transparent));color:var(--primary-color);font-weight:700;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.02em}.social-icon--linkedin{color:#000}.social-icon--linkedin:hover,.social-icon--linkedin:focus-visible{color:#000}.value-section .section-title,.value-section .value-intro,.value-section .value-card h3,.value-section .value-card p,.projects-section .section-title,.projects-section .section-subtitle,.projects-section .project-title,.projects-section .project-description,.projects-section .project-result,.projects-section .project-category,.projects-section .project-tech,.projects-section .project-tech .tech-badge,.projects-section .project-links,.projects-section .project-links a,.projects-outcomes-heading,.projects-outcomes .selected-project-card h3,.projects-outcomes .selected-project-content p,.projects-outcomes .selected-project-result,.process-section .section-title,.process-section .process-step-number,.process-section .process-step h3,.process-section .process-step p,.process-section .engagement-note{color:#000}.project-card:before{content:"";position:absolute;inset:.75rem;border-radius:calc(var(--radius-card-lg) - .75rem);border:2px solid transparent;pointer-events:none;transition:border-color var(--motion-duration-medium) var(--motion-ease-standard)}.projects-grid .project-card:nth-child(4n+1):before{border-color:#c65a3c38}.projects-grid .project-card:nth-child(4n+2):before{border-color:#d58d3a38}.projects-grid .project-card:nth-child(4n+3):before{border-color:#2e7d3238}.projects-grid .project-card:nth-child(4n):before{border-color:#11111129}.project-card:hover:before,.project-card:focus-within:before{border-color:#11111147}@media(max-width:640px){.project-tech{gap:.5rem}.project-tech .tech-badge{flex:1 1 calc(50% - .5rem);justify-content:center;text-align:center}}.contact-item{display:flex;gap:1rem;align-items:center;padding:1.25rem 1.5rem;border-radius:var(--radius-card);background:color-mix(in srgb,var(--bg-panel) 94%,var(--neutral-100) 6%);border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);box-shadow:var(--card-shadow-soft);transition:transform var(--motion-duration-medium) var(--motion-ease-emphasized),box-shadow var(--motion-duration-medium) var(--motion-ease-emphasized),border-color var(--motion-duration-medium) var(--motion-ease-standard);text-decoration:none;font:inherit}.contact-item-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.contact-item-link{color:#1f120c;text-decoration:none;font-size:.9rem;word-break:break-word}.contact-item:hover,.contact-item:focus-visible{transform:translateY(-6px);box-shadow:var(--card-shadow-hover);border-color:color-mix(in srgb,var(--primary-color) 32%,transparent)}.contact-item.contact-item--button{cursor:pointer;text-align:left;width:100%;background:color-mix(in srgb,var(--bg-panel) 94%,var(--neutral-100) 6%);border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent)}.contact-item.contact-item--button span{pointer-events:none}.contact-copy-button{border:1px solid rgba(31,18,12,.2);background:#1f120c;color:#fff;border-radius:999px;padding:.55rem 1.1rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard),background var(--motion-duration-fast) var(--motion-ease-standard)}.contact-copy-button:hover,.contact-copy-button:focus-visible{transform:translateY(-2px);box-shadow:0 12px 24px #1f120c33;background:#000}.contact-copy-button:focus-visible{outline:2px solid rgba(31,18,12,.4);outline-offset:3px}.project-link-note{font-size:.85rem;color:#111111a6;margin-left:.4rem}@media(max-width:600px){.stats-grid{grid-template-columns:1fr;gap:1rem}}@media(max-width:600px){.experience-timeline-line,.timeline-dot-wrapper{display:none}}@media(max-width:600px){.experience-timeline-container,.experience-timeline-item{padding-left:0}.timeline-content{width:100%}}@media(max-width:600px){.timeline-header{padding:0}.timeline-details{padding-left:0}.experience-description-compact li{padding-left:.75rem}}@media(max-width:600px){.timeline-header-main{flex-direction:column;align-items:flex-start;gap:.25rem}.timeline-meta{display:flex;flex-wrap:wrap;gap:.35rem}.timeline-company,.timeline-duration,.timeline-location,.timeline-role-indicator{display:inline-flex;align-items:center}}@media(max-width:600px){.timeline-header{flex-direction:column;align-items:flex-start;gap:.5rem}.timeline-badges{display:flex;flex-wrap:wrap;gap:.4rem}.timeline-toggle-btn{align-self:flex-start}}@media(max-width:540px){.showcase-nav{flex-direction:column;align-items:stretch;gap:.5rem}.showcase-projects-nav{justify-content:flex-start;gap:.5rem;width:100%;overflow-x:auto;padding:.25rem .1rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.showcase-projects-nav::-webkit-scrollbar{height:6px}.showcase-projects-nav::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--border-color) 70%,transparent);border-radius:999px}.showcase-project-name{flex:0 0 auto;min-width:60%;text-align:center;scroll-snap-align:center}.showcase-nav-btn{align-self:center}}@media(max-width:600px){.showcase-section{display:none}}.api-showcase{width:100%;padding:1rem}.api-header{text-align:center;margin-bottom:1.5rem}.api-header h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.api-header p{font-size:.875rem;color:var(--text-secondary);margin:0 0 1.5rem}.api-value-props{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem;padding:1.5rem;background:var(--bg-secondary);border-radius:.75rem;border:1px solid var(--border-color)}.value-prop-item{display:flex;align-items:flex-start;gap:.75rem}.value-prop-item svg{color:var(--primary-color);flex-shrink:0;margin-top:.125rem}.value-prop-item div{display:flex;flex-direction:column;gap:.25rem}.value-prop-item strong{font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.3}.value-prop-item span{font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.api-narrative{margin-bottom:2rem}.narrative-card{display:flex;align-items:stretch;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,var(--primary-soft),var(--secondary-soft));border:1px solid var(--border-color);border-radius:.75rem;flex-wrap:wrap}.narrative-section{flex:1;min-width:200px;display:flex;flex-direction:column;gap:.5rem}.narrative-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary-color);margin-bottom:.25rem}.narrative-text{font-size:.9375rem;color:var(--text-primary);line-height:1.6;margin:0}.narrative-text strong{color:var(--primary-color);font-weight:700}.narrative-arrow{font-size:1.5rem;color:var(--primary-color);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem}@media(max-width:768px){.api-value-props{grid-template-columns:1fr;padding:1rem;gap:1rem}.narrative-card{flex-direction:column;padding:1rem}.narrative-arrow{transform:rotate(90deg);width:auto;height:2rem}.narrative-section{min-width:100%}}.api-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border-color);flex-wrap:wrap;gap:1rem}.api-mode-selector{display:flex;gap:.5rem}.mode-btn{padding:.5rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;position:relative}.mode-btn-text{display:flex;align-items:center;gap:.5rem}.try-me-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;border-radius:.75rem;box-shadow:0 2px 8px #8a503c47;white-space:nowrap;z-index:1;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #8a503c47}50%{transform:scale(1.05);box-shadow:0 4px 12px #8a503c59}}.mode-btn:hover:not(:disabled){border-color:var(--primary-color);background:var(--primary-soft)}.mode-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.mode-btn:disabled{opacity:.5;cursor:not-allowed}.toggle-advanced-btn{padding:.5rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.toggle-advanced-btn:hover{border-color:var(--primary-color);background:var(--primary-soft)}.api-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1.5rem}.api-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.api-dashboard-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem;transition:all .3s ease;position:relative}.api-dashboard-card:hover{border-color:var(--api-color, var(--primary-color));box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.dashboard-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.dashboard-card-title{display:flex;align-items:center;gap:.75rem;flex:1}.dashboard-card-icon{color:var(--api-color, var(--primary-color));flex-shrink:0}.dashboard-api-name{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem;line-height:1.2}.dashboard-api-method{font-size:.75rem;color:var(--text-secondary);font-family:monospace;font-weight:500}.dashboard-fetch-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:.375rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.dashboard-fetch-btn:hover:not(:disabled){border-color:var(--api-color, var(--primary-color));background:var(--primary-soft);color:var(--api-color, var(--primary-color))}.dashboard-fetch-btn:disabled{opacity:.5;cursor:not-allowed}.dashboard-card-endpoint{padding:.5rem;background:var(--bg-secondary);border-radius:.375rem;font-size:.75rem}.dashboard-endpoint-url{color:var(--text-secondary);font-family:monospace;word-break:break-all;line-height:1.4}.dashboard-card-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500}.dashboard-status-loading{display:flex;align-items:center;gap:.5rem;color:var(--primary-color)}.dashboard-status.success{display:flex;align-items:center;gap:.5rem;color:var(--accent-color)}.dashboard-status.error{display:flex;align-items:center;gap:.5rem;color:var(--error-color)}.dashboard-status-idle{color:var(--text-secondary);font-weight:400}.dashboard-status-code{padding:.125rem .5rem;background:var(--accent-soft);border-radius:.25rem;font-size:.75rem;font-weight:600;color:var(--accent-color);margin-left:.5rem}.dashboard-card-metrics{display:flex;gap:1rem;flex-wrap:wrap;padding:.75rem;background:var(--bg-secondary);border-radius:.5rem;font-size:.8125rem}.dashboard-metric{display:flex;align-items:center;gap:.375rem;color:var(--text-primary)}.dashboard-metric svg{color:var(--primary-color);flex-shrink:0}.dashboard-metric-value{font-weight:600;font-family:monospace;color:var(--text-primary)}.dashboard-card-preview{padding:.75rem;background:var(--bg-secondary);border-radius:.5rem;font-size:.875rem;color:var(--text-primary);line-height:1.5}.dashboard-preview-github{display:flex;align-items:center;gap:.75rem}.dashboard-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0}.dashboard-preview-joke{display:flex;align-items:flex-start;gap:.5rem}.dashboard-preview-joke svg{color:var(--secondary-color);flex-shrink:0;margin-top:.125rem}.dashboard-joke-text{font-style:italic;color:var(--text-primary);line-height:1.5}.dashboard-preview-weather,.dashboard-preview-news{display:flex;align-items:center;gap:.5rem}.dashboard-preview-weather svg,.dashboard-preview-news svg{color:var(--primary-color);flex-shrink:0}.dashboard-card-error{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:var(--error-soft);border:1px solid var(--border-error);border-radius:.5rem;font-size:.8125rem;color:var(--error-color)}.dashboard-card-error svg{flex-shrink:0;margin-top:.125rem}.dashboard-error-text{line-height:1.4;word-break:break-word}@media(max-width:768px){.api-dashboard-grid{grid-template-columns:1fr;gap:.75rem}.api-dashboard-card{padding:.875rem}.dashboard-card-metrics{gap:.75rem;font-size:.75rem}.dashboard-endpoint-url{font-size:.6875rem}}.api-button{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s ease;text-align:left}.api-button:hover:not(:disabled){border-color:var(--api-color, var(--primary-color));background:var(--primary-soft);transform:translateY(-2px)}.api-button.active{border-color:var(--api-color, var(--primary-color));background:var(--primary-soft);box-shadow:0 0 0 3px var(--primary-soft)}.api-button:disabled{opacity:.6;cursor:not-allowed}.api-button-icon{color:var(--api-color, var(--primary-color));flex-shrink:0}.api-button-info{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.api-button-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.api-button-method{font-size:.75rem;color:var(--text-secondary);font-family:monospace}.api-demo{background:var(--bg-secondary);border-radius:.75rem;padding:1.5rem;border:1px solid var(--border-color)}.api-endpoint{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.api-endpoint-actions{display:flex;gap:.5rem;align-items:center}.api-cancel-btn{padding:.5rem;background:var(--error-soft);border:1px solid var(--border-error);border-radius:.375rem;color:var(--error-color);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.api-cancel-btn:hover{background:color-mix(in srgb,var(--error-color) 20%,transparent);border-color:var(--error-color)}.api-endpoint-method{padding:.375rem .75rem;background:var(--primary-color);color:#fff;border-radius:.375rem;font-size:.75rem;font-weight:700;font-family:monospace;flex-shrink:0}.api-endpoint-url{flex:1;padding:.5rem .75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.375rem;font-size:.8125rem;font-family:monospace;color:var(--text-primary);overflow-x:auto;min-width:0}.api-fetch-btn{padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;flex-shrink:0}.api-fetch-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.api-fetch-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}.api-response{min-height:200px;background:var(--bg-primary);border-radius:.5rem;padding:1.25rem;border:1px solid var(--border-color)}.api-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:200px;color:var(--text-secondary)}.retry-indicator{font-size:.75rem;color:var(--primary-color);font-weight:600}.api-status{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.375rem;margin-bottom:1rem;font-size:.875rem;font-weight:600}.api-status.success{background:var(--accent-soft);color:var(--accent-color);border:1px solid var(--border-accent)}.api-status.error{background:var(--error-soft);color:var(--error-color);border:1px solid var(--border-error)}.api-timestamp{margin-left:auto;font-size:.75rem;font-weight:400;opacity:.7}.status-code{padding:.25rem .5rem;background:var(--accent-soft);border-radius:.25rem;font-size:.75rem;font-weight:600;margin-left:.5rem}.api-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1rem;padding:1rem;background:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border-color)}.metric-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.metric-item svg{color:var(--primary-color);flex-shrink:0}.metric-label{color:var(--text-secondary)}.metric-value{color:var(--text-primary);font-weight:600;margin-left:auto}.api-headers{margin-bottom:1rem;padding:1rem;background:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border-color)}.api-headers summary{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.api-headers summary svg{color:var(--primary-color)}.headers-list{display:flex;flex-direction:column;gap:.5rem}.header-item{display:flex;gap:.75rem;padding:.5rem;background:var(--bg-primary);border-radius:.25rem;font-size:.8125rem}.header-key{color:var(--primary-color);font-weight:600;min-width:150px}.header-value{color:var(--text-secondary);word-break:break-all}.api-history{margin-top:1.5rem;padding:1rem;background:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border-color)}.api-history h4{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.api-history h4 svg{color:var(--primary-color)}.history-list{display:flex;flex-direction:column;gap:.5rem}.history-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-primary);border-radius:.375rem;border-left:3px solid var(--border-color);font-size:.875rem}.history-item.success{border-left-color:var(--accent-color)}.history-item.error{border-left-color:var(--error-color)}.history-icon{flex-shrink:0}.history-api{font-weight:600;color:var(--text-primary);flex:1}.history-time{color:var(--primary-color);font-weight:600;font-family:monospace}.history-status{padding:.25rem .5rem;background:var(--bg-secondary);border-radius:.25rem;font-size:.75rem;font-family:monospace}.history-timestamp{color:var(--text-secondary);font-size:.75rem;margin-left:auto}.retry-info{font-size:.875rem;color:var(--primary-color);font-weight:500;margin-top:.5rem}.api-comparison{margin-top:1.5rem;margin-bottom:1.5rem;padding:1.5rem;background:var(--bg-secondary);border-radius:.75rem;border:1px solid var(--border-color)}.api-comparison h4{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 1.5rem;text-transform:uppercase;letter-spacing:.05em}.api-comparison h4 svg{color:var(--primary-color)}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:1rem}.comparison-card{padding:1.5rem;background:var(--bg-primary);border-radius:.5rem;border:2px solid var(--border-color);transition:all .3s ease}.comparison-card.parallel{border-color:var(--accent-color)}.comparison-card.sequential{border-color:var(--secondary-color)}.comparison-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1rem;font-weight:700;color:var(--text-primary)}.comparison-header svg{color:var(--primary-color)}.comparison-metrics{margin-bottom:1.5rem}.comparison-time{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;font-family:monospace}.comparison-card.parallel .comparison-time{color:var(--accent-color)}.comparison-card.sequential .comparison-time{color:var(--secondary-color)}.comparison-detail{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.timeline-visualization{margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.timeline-bar{display:flex;align-items:center;gap:.75rem;font-size:.8125rem}.timeline-label{min-width:120px;color:var(--text-secondary);font-weight:500}.timeline-bar-inner{height:24px;background:var(--border-color);border-radius:.25rem;position:relative;overflow:hidden;flex:1;animation:timelineFill 1.5s ease-out forwards}.parallel-bar .timeline-bar-inner{background:linear-gradient(90deg,var(--accent-color),var(--accent-hover));animation-delay:calc(var(--delay) * 1s);animation:timelineFillParallel .8s ease-out forwards}.sequential-bar .timeline-bar-inner{background:linear-gradient(90deg,var(--secondary-color),var(--secondary-hover));animation-delay:calc(var(--delay) * .3s);animation:timelineFillSequential .6s ease-out forwards;width:100%}@keyframes timelineFillParallel{0%{width:0%}to{width:100%}}@keyframes timelineFillSequential{0%{width:0%}to{width:100%}}.speed-indicator{padding:.75rem;background:var(--accent-soft);border:1px solid var(--border-accent);border-radius:.5rem;font-size:1rem;font-weight:700;color:var(--accent-color);text-align:center;margin-top:1rem}.time-saved{padding:.75rem;background:var(--secondary-soft);border:1px solid var(--border-warning);border-radius:.5rem;font-size:1rem;font-weight:700;color:var(--secondary-color);text-align:center;margin-top:1rem}.comparison-insight{margin-top:1.5rem;padding:1rem;background:var(--primary-soft);border-left:3px solid var(--primary-color);border-radius:.375rem}.comparison-insight p{margin:0;font-size:.9375rem;color:var(--text-primary);line-height:1.6}.comparison-insight strong{color:var(--primary-color)}@media(max-width:768px){.comparison-grid{grid-template-columns:1fr}.comparison-time{font-size:1.5rem}.timeline-label{min-width:100px;font-size:.75rem}}.api-data{color:var(--text-primary)}.api-data-content{display:flex;flex-direction:column;gap:1rem}.github-profile{display:flex;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:.5rem}.github-avatar{width:80px;height:80px;border-radius:50%;flex-shrink:0}.github-info h4{margin:0 0 .25rem;font-size:1.125rem;color:var(--text-primary)}.github-info p{margin:.25rem 0;color:var(--text-secondary);font-size:.875rem}.github-bio{font-style:italic;margin:.5rem 0!important}.github-stats{display:flex;gap:1rem;margin-top:.75rem;font-size:.875rem;color:var(--text-secondary)}.weather-data{padding:1rem;background:var(--bg-secondary);border-radius:.5rem}.weather-data h4{margin:0 0 .75rem;font-size:1.125rem;color:var(--text-primary)}.weather-main{display:flex;align-items:baseline;gap:1rem;margin-bottom:.75rem}.weather-temp{font-size:2rem;font-weight:700;color:var(--primary-color)}.weather-desc{font-size:1rem;color:var(--text-secondary);text-transform:capitalize}.weather-details{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:var(--text-secondary)}.joke-data{padding:2rem;background:var(--bg-secondary);border-radius:.75rem;border:1px solid var(--border-color);text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.joke-icon{color:var(--secondary-color);animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.joke-text{font-size:1.25rem;line-height:1.8;color:var(--text-primary);font-weight:500;max-width:600px;margin:0;font-style:italic}.joke-meta{font-size:.875rem;color:var(--text-secondary)}.refresh-joke-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--secondary-color),var(--secondary-hover));color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #cc9e634d}.refresh-joke-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #cc9e6366}.refresh-joke-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.refresh-joke-btn svg{transition:transform .3s ease}.refresh-joke-btn:hover:not(:disabled) svg{transform:rotate(180deg)}.post-data{padding:1rem;background:var(--bg-secondary);border-radius:.5rem}.post-data h4{margin:0 0 .75rem;font-size:1.125rem;color:var(--text-primary)}.post-body{color:var(--text-secondary);line-height:1.6;margin-bottom:.75rem}.post-meta{display:flex;gap:1rem;font-size:.875rem;color:var(--text-secondary)}.news-data{padding:1rem;background:var(--bg-secondary);border-radius:.5rem}.news-data h4{margin:0 0 1rem;font-size:1.125rem;color:var(--text-primary)}.news-articles{display:flex;flex-direction:column;gap:1rem}.news-article{padding:.75rem;background:var(--bg-primary);border-radius:.375rem;border-left:3px solid var(--primary-color)}.news-article h5{margin:0 0 .5rem;font-size:.9375rem;color:var(--text-primary)}.news-article p{margin:0 0 .5rem;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.news-source{font-size:.75rem;color:var(--primary-color);font-weight:600}.api-raw-data{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.api-raw-data summary{cursor:pointer;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.api-raw-data pre{background:var(--bg-secondary);padding:1rem;border-radius:.375rem;overflow-x:auto;font-size:.75rem;color:var(--text-primary);border:1px solid var(--border-color)}.api-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:150px;text-align:center;color:var(--text-secondary)}.api-error svg{color:var(--error-color)}.api-error-hint{font-size:.875rem;opacity:.7;font-style:italic}.api-empty{display:flex;align-items:center;justify-content:center;min-height:150px;color:var(--text-secondary);font-size:.875rem}.api-features{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.api-features h4{font-size:.875rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.api-features ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.api-features li{font-size:.875rem;color:var(--text-secondary)}@media(max-width:768px){.api-selector{grid-template-columns:1fr}.api-endpoint{flex-direction:column;align-items:stretch}.api-endpoint-url{font-size:.75rem}.api-fetch-btn{width:100%;justify-content:center}.github-profile{flex-direction:column;align-items:center;text-align:center}.github-stats{justify-content:center;flex-wrap:wrap}.api-features ul{grid-template-columns:1fr}}.api-awareness-section{margin-top:2rem;padding:1.5rem;background:#fbbf240d;border:1px solid rgba(251,191,36,.2);border-radius:.75rem}.api-awareness-title{margin:0 0 1rem;font-size:1rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.api-awareness-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.api-awareness-item{display:flex;flex-direction:column;gap:.5rem}.api-awareness-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.api-awareness-header svg{color:var(--secondary-color);flex-shrink:0}.api-awareness-header strong{color:var(--text-primary);font-weight:600;font-size:.875rem}.api-awareness-item p{margin:0;font-size:.8125rem;color:var(--text-secondary);line-height:1.6}.payment-showcase{width:100%;padding:1rem;max-width:1200px;margin:0 auto}.payment-header-compact{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.25rem;background:var(--bg-primary);border-radius:.5rem;border:1px solid var(--border-color);box-shadow:var(--card-shadow)}.payment-header-title{display:flex;align-items:center;gap:.75rem}.payment-header-title svg{color:var(--primary-color);flex-shrink:0}.payment-header-title h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.payment-header-badges{display:flex;align-items:center;gap:.75rem}.stripe-logo-compact{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border-radius:.375rem;border:1px solid var(--border-color)}.stripe-text-compact{font-size:.75rem;font-weight:600;color:var(--primary-color);letter-spacing:.02em}.payment-security-badge-compact{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:var(--accent-soft);border:1px solid var(--border-accent);border-radius:.375rem;font-size:.75rem;font-weight:600;color:var(--accent-color);white-space:nowrap}.payment-tip-box-collapsible{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:var(--secondary-soft);border:1px solid var(--border-warning);border-radius:.5rem;margin-bottom:1rem;font-size:.8125rem;color:var(--text-primary);line-height:1.5}.payment-tip-content{display:flex;align-items:center;gap:.75rem;flex:1}.payment-tip-content strong{color:var(--secondary-color);font-weight:700}.payment-tip-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s ease;flex-shrink:0}.payment-tip-close:hover{color:var(--text-primary);background:#0000000d}.payment-checkout-container{width:100%}.payment-checkout-layout{display:grid;grid-template-columns:380px 1fr;gap:2rem;align-items:start}.payment-order-summary{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;box-shadow:var(--card-shadow);position:sticky;top:1rem}.payment-order-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.payment-order-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;font-size:.9375rem;color:var(--text-primary)}.payment-order-item:last-of-type:not(.payment-order-total){padding-bottom:1rem;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.payment-order-total{font-size:1.125rem;font-weight:700;color:var(--text-primary);padding-top:1rem;border-top:2px solid var(--border-color);margin-top:.5rem}.payment-security-footer{display:flex;align-items:center;gap:.5rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color);font-size:.75rem;color:var(--text-secondary)}.payment-progress-indicator{margin-bottom:1.5rem;padding:1.25rem;background:var(--primary-soft);border:1px solid var(--border-primary);border-radius:.75rem}.payment-progress-steps{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.payment-progress-step{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-secondary);transition:all .3s ease}.payment-progress-step.active{color:var(--text-primary);font-weight:600}.payment-progress-step.completed{color:var(--accent-color)}.payment-progress-step-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border-color);transition:all .3s ease}.payment-progress-step.active .payment-progress-step-icon{border-color:var(--primary-color);background:var(--primary-soft)}.payment-progress-step.completed .payment-progress-step-icon{border-color:var(--accent-color);background:var(--accent-soft);color:var(--accent-color)}.payment-progress-step-dot{width:8px;height:8px;border-radius:50%;background:var(--border-color);transition:all .3s ease}.payment-progress-step.active .payment-progress-step-dot{background:var(--primary-color);transform:scale(1.2)}.payment-progress-text{font-size:.8125rem;color:var(--text-secondary);font-style:italic;text-align:center;padding-top:.75rem;border-top:1px solid var(--border-color)}.payment-progress-indicator-full{padding:2rem;background:var(--bg-primary);border-radius:1rem;max-width:500px;margin:0 auto}.payment-processing-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:2rem}.payment-test-card-explanation{margin:1rem 0;padding:1rem;background:var(--primary-soft);border:1px solid var(--border-primary);border-radius:.5rem}.payment-explanation-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;color:var(--text-primary)}.payment-explanation-header svg{color:var(--primary-color);flex-shrink:0}.payment-explanation-text{font-size:.8125rem;line-height:1.6;color:var(--text-secondary);margin:0}.payment-demo-scenarios-row{display:flex;flex-direction:column;gap:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;box-shadow:var(--card-shadow);margin-bottom:1.5rem}.payment-test-scenarios-buttons-row{display:flex;gap:.75rem;flex-wrap:wrap;flex:1}.payment-form-wrapper{position:relative;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;padding:2rem;box-shadow:var(--card-shadow)}.payment-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.payment-card-type-indicator-header{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;font-weight:600}.payment-card-type-icon-header{display:flex;align-items:center}.payment-card-type-text-header{color:var(--primary-color)}.payment-form-modern{display:flex;flex-direction:column;gap:1.5rem}.payment-form-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.payment-form-field{display:flex;flex-direction:column;gap:.5rem}.payment-label-modern{font-size:.875rem;font-weight:600;color:var(--text-primary)}.payment-input-group{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.payment-card-icon-modern{position:absolute;left:1rem;z-index:1;display:flex;align-items:center}.payment-input-modern{width:100%;padding:.875rem 1rem;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:.5rem;font-size:1rem;color:var(--text-primary);font-family:inherit;transition:all .2s ease}.payment-input-modern:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-soft)}.payment-input-card-modern{font-family:Courier New,monospace;font-size:1.125rem;letter-spacing:.05em;padding-right:6rem}.payment-card-type-badge-inline{align-self:flex-end;font-size:.75rem;font-weight:700;color:var(--primary-color);text-transform:uppercase;letter-spacing:.05em;pointer-events:none;background:#ffffffe6;padding:.2rem .5rem;border-radius:999px;box-shadow:0 2px 6px #00000014}.payment-input-cvv-modern{padding-right:3rem;font-family:Courier New,monospace;font-size:1.125rem;letter-spacing:.1em}.payment-cvv-toggle-modern{position:absolute;right:.75rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease;border-radius:.25rem}.payment-cvv-toggle-modern:hover{color:var(--text-primary);background:var(--bg-secondary)}.payment-stripe-card-element{padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;transition:all .2s ease;min-height:52px;display:flex;align-items:center;width:100%;box-sizing:border-box}.payment-stripe-card-element:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 16%,transparent);outline:none}.payment-stripe-card-element .StripeElement{width:100%}.payment-stripe-card-element .StripeElement--focus{outline:none}.payment-stripe-card-element .StripeElement--invalid{border-color:var(--error-color)}.payment-stripe-card-element .StripeElement--complete{border-color:var(--accent-color)}.payment-stripe-card-element iframe{color-scheme:light}.payment-stripe-card-element .StripeElement input{color:var(--text-primary)!important;font-weight:500!important}@media(prefers-color-scheme:dark){.payment-stripe-card-element{background:#fff;border-color:var(--border-color)}.payment-stripe-card-element:focus-within{border-color:var(--primary-color)}}.payment-form-row-modern{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.payment-error-modern{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--error-soft);border:1px solid var(--border-error);border-radius:.5rem;color:var(--error-color);font-size:.875rem;font-weight:500}.payment-submit-modern{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background:var(--primary-color);color:var(--text-inverse);border:none;border-radius:.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 12px 25px #8a503c47;width:100%}.payment-submit-modern:hover{transform:translateY(-2px);box-shadow:0 16px 30px #8a503c57}.payment-submit-modern:active{transform:translateY(0)}.payment-test-scenarios-header{margin-bottom:1rem}.payment-test-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.payment-test-scenarios-buttons,.payment-test-scenarios-buttons-row{display:flex;gap:.75rem;flex-wrap:wrap}.payment-test-scenario-btn{padding:.625rem 1rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-family:inherit;display:flex;align-items:center;gap:.5rem}.payment-test-scenario-btn:hover{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 14%,transparent);color:var(--primary-color)}.payment-test-scenario-btn.selected{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 20%,transparent);color:var(--primary-color);font-weight:600;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 16%,transparent)}.payment-test-scenario-btn.selected svg{color:var(--primary-color)}.payment-test-scenario-error:hover{border-color:var(--error-color);background:color-mix(in srgb,var(--error-color) 12%,transparent);color:var(--error-color)}.payment-test-scenario-error.selected{border-color:var(--error-color);background:color-mix(in srgb,var(--error-color) 18%,transparent);color:var(--error-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--error-color) 12%,transparent)}.payment-test-scenario-error.selected svg{color:var(--error-color)}.payment-processing-modern,.payment-success-modern,.payment-error-modern-page{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;padding:3rem 2rem;text-align:center;box-shadow:var(--card-shadow)}.payment-processing-modern{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.payment-spinner-modern{color:var(--primary-color);animation:spin 1s linear infinite}.payment-success-icon-modern,.payment-error-icon-modern{margin:0 auto 1.5rem}.payment-success-icon-modern{color:var(--accent-color)}.payment-error-icon-modern{color:var(--error-color)}.payment-success-details-modern{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px;margin:1.5rem auto;padding:1.5rem;background:var(--bg-secondary);border-radius:.5rem;text-align:left}.payment-success-item-modern{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.payment-success-item-modern:last-child{border-bottom:none}.payment-success-label-modern{font-size:.875rem;color:var(--text-secondary);font-weight:500}.payment-success-value-modern{font-size:.9375rem;color:var(--text-primary);font-weight:600;font-family:Courier New,monospace}.payment-reset-modern{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:1.5rem}.payment-reset-modern:hover{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 16%,transparent);color:var(--primary-color)}.payment-error-message-modern{font-size:1rem;color:var(--error-color);font-weight:500;margin:1rem 0}.payment-info-section{margin-top:1.5rem;border-top:1px solid var(--border-color);padding-top:1rem}.payment-info-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-align:left}.payment-info-toggle:hover{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 16%,transparent)}.payment-info-toggle svg:first-child{color:var(--primary-color)}.payment-info-toggle svg:last-child{margin-left:auto;color:var(--text-secondary)}.payment-info-content{margin-top:1rem;padding:1.25rem;background:color-mix(in srgb,var(--primary-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary-color) 22%,transparent);border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.payment-stripe-info{display:flex;flex-direction:column;gap:1rem}.payment-stripe-info-section{display:flex;align-items:flex-start;gap:1rem;font-size:.875rem;color:var(--text-primary);line-height:1.6}.payment-stripe-info-section strong{color:var(--primary-color);font-weight:700}.payment-stripe-api-preview{margin-top:.5rem;padding:1rem;background:var(--bg-primary);border-radius:.5rem;border:1px solid var(--border-color)}.payment-stripe-api-code{margin:0;padding:1rem;background:var(--bg-secondary);border-radius:.375rem;font-family:Fira Code,Courier New,monospace;font-size:.8125rem;line-height:1.6;color:var(--text-primary);overflow-x:auto;white-space:pre-wrap}@media(max-width:1024px){.payment-checkout-layout{grid-template-columns:1fr;gap:1.5rem}.payment-order-summary{position:static;order:-1}}.payment-test-card-details{background:color-mix(in srgb,var(--primary-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary-color) 22%,transparent);border-radius:.75rem;padding:1.25rem;margin-top:1rem}.payment-test-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:600;font-size:.875rem;color:var(--text-primary)}.payment-test-card-header svg{color:var(--primary-color);flex-shrink:0}.payment-test-card-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:.75rem}.payment-test-card-item{display:flex;flex-direction:column;gap:.25rem}.payment-test-card-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.payment-test-card-value{font-family:Courier New,monospace;font-size:.9375rem;font-weight:600;color:var(--text-primary);background:var(--bg-primary);padding:.5rem .75rem;border-radius:.375rem;border:1px solid var(--border-color)}.payment-test-card-copy-btn{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.375rem;padding:.5rem .75rem;cursor:pointer;transition:all .2s ease;font-family:Courier New,monospace;font-size:.9375rem;font-weight:600;color:var(--text-primary);width:100%}.payment-test-card-copy-btn:hover{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 16%,transparent);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.payment-test-card-copy-btn:active{transform:translateY(0)}.payment-test-card-copy-btn code{flex:1;text-align:left;background:transparent;border:none;padding:0}.payment-test-card-copy-btn svg{color:var(--primary-color);flex-shrink:0;transition:all .2s ease}.payment-test-card-copied{color:var(--accent-color)!important;animation:checkmark .3s ease}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.payment-test-card-hint{font-size:.8125rem;color:var(--text-secondary);margin:0;padding:.75rem;background:color-mix(in srgb,var(--secondary-color) 12%,transparent);border:1px solid color-mix(in srgb,var(--secondary-color) 28%,transparent);border-radius:.5rem;line-height:1.5}.payment-test-card-hint kbd{display:inline-block;padding:.125rem .375rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.25rem;font-family:Courier New,monospace;font-size:.75rem;font-weight:600;color:var(--text-primary);box-shadow:0 1px 2px #0000001a}.payment-awareness-section{margin-top:2rem;padding:1.5rem;background:color-mix(in srgb,var(--secondary-color) 8%,transparent);border:1px solid color-mix(in srgb,var(--secondary-color) 22%,transparent);border-radius:.75rem}.payment-awareness-title{margin:0 0 1rem;font-size:1rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.payment-awareness-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.payment-awareness-item{display:flex;flex-direction:column;gap:.5rem}.payment-awareness-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.payment-awareness-header svg{color:var(--secondary-color);flex-shrink:0}.payment-awareness-header strong{color:var(--text-primary);font-weight:600;font-size:.875rem}.payment-awareness-item p{margin:0;font-size:.8125rem;color:var(--text-secondary);line-height:1.6}@media(max-width:768px){.payment-header{flex-direction:column;align-items:flex-start;padding:1rem}.payment-form-wrapper{padding:1.5rem}.payment-form-header{flex-direction:column;align-items:flex-start;gap:1rem}.payment-form-row-modern{grid-template-columns:1fr}.payment-test-scenarios-buttons{flex-direction:column}.payment-test-scenario-btn{width:100%}.payment-test-card-info{grid-template-columns:1fr}}@media(max-width:600px){.payment-showcase{padding:1rem;max-width:none;margin:0}.payment-header-compact{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem}.stripe-logo-compact,.payment-security-badge-compact{justify-content:flex-start;width:100%}.payment-demo-scenarios-row,.payment-form-wrapper,.payment-order-summary,.payment-progress-indicator,.payment-progress-indicator-full{padding:1.25rem}.payment-checkout-layout{display:flex;flex-direction:column;gap:1.5rem}.payment-test-scenarios-buttons,.payment-test-scenarios-buttons-row{flex-direction:column;gap:.5rem}.payment-test-scenario-btn{width:100%;justify-content:center;padding:.85rem 1rem;font-size:.95rem}.payment-form-header{flex-direction:column;align-items:flex-start;gap:.75rem}.payment-form-row-modern{grid-template-columns:1fr}.payment-form-field label{font-size:.95rem}.payment-stripe-card-element,.payment-input-modern{padding:.9rem;font-size:1rem}.payment-submit-modern{width:100%;padding:1rem 1.25rem;font-size:1rem;border-radius:.6rem}.payment-progress-step{flex-direction:column;align-items:flex-start;gap:.5rem}.payment-progress-text{font-size:.85rem;padding-top:.6rem}.payment-stripe-info-section,.payment-awareness-item{gap:.6rem;font-size:.9rem}.payment-stripe-api-code{font-size:.8rem}.payment-test-card-info{grid-template-columns:1fr}}@media(max-width:480px){.payment-card-type-badge-inline{padding:.2rem .4rem;font-size:.7rem}}.auth-showcase{background:var(--bg-primary);border-radius:1rem;padding:2rem;max-width:900px;margin:0 auto}.auth-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.auth-header-title{display:flex;align-items:center;gap:.75rem}.auth-header-title h3{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.auth-header-title svg{color:var(--primary-color)}.auth-header-badge{padding:.5rem 1rem;background:var(--primary-wash);border:1px solid var(--border-primary);border-radius:.5rem;font-size:.875rem;font-weight:600;color:var(--primary-color)}.auth-content{display:flex;flex-direction:column;gap:2rem}.auth-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem}.auth-section-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 1.25rem;display:flex;align-items:center;gap:.5rem}.auth-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.auth-login-options{display:flex;flex-direction:column;gap:1.5rem}.auth-login-section{display:flex;flex-direction:column;gap:.75rem}.auth-login-section-header{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.auth-login-section-header svg{color:var(--primary-color)}.auth-real-oauth-message{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--primary-wash);border:1px solid var(--border-primary);border-radius:.5rem;font-size:.875rem;color:var(--primary-color);margin-top:.5rem}.auth-real-oauth-message svg{flex-shrink:0}.auth-demo-description{margin:0;font-size:.8125rem;color:var(--text-secondary);font-style:italic;padding-left:.5rem}.auth-flow-note{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem;background:var(--primary-wash);border:1px solid var(--border-primary);border-radius:.5rem;font-size:.8125rem;color:var(--text-secondary)}.auth-flow-note svg{color:var(--primary-color);flex-shrink:0}.auth-jwt-explanation{margin-bottom:1.5rem;padding:1.25rem;background:var(--primary-wash);border:1px solid var(--border-primary);border-radius:.75rem}.auth-jwt-explanation-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.auth-jwt-explanation-header h5{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.auth-jwt-explanation-header svg{color:var(--primary-color);flex-shrink:0}.auth-jwt-explanation-content{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.auth-jwt-reason{padding:.875rem;background:#ffffff05;border-left:3px solid var(--primary-color);border-radius:.5rem}.auth-jwt-reason-title{font-weight:600;font-size:.875rem;color:var(--text-primary);margin-bottom:.375rem}.auth-jwt-reason-text{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.auth-jwt-simulated-note{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--secondary-wash);border:1px solid var(--border-warning);border-radius:.5rem;font-size:.8125rem;color:var(--text-secondary)}.auth-jwt-simulated-note svg{color:var(--secondary-color);flex-shrink:0;margin-top:.125rem}.auth-jwt-simulated-note strong{color:var(--text-primary);display:block;margin-bottom:.375rem}.auth-provider-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.5rem;border:2px solid var(--border-color);border-radius:.5rem;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative}.auth-provider-btn:hover:not(:disabled){border-color:var(--primary-color);background:var(--primary-soft);transform:translateY(-2px);box-shadow:0 4px 12px #8a503c33}.auth-provider-btn:disabled{opacity:.6;cursor:not-allowed}.auth-google-btn{border-color:var(--accent-color);color:var(--accent-color)}.auth-google-btn:hover:not(:disabled){border-color:var(--accent-color);background:var(--accent-soft);box-shadow:0 4px 12px color-mix(in srgb,var(--accent-color) 22%,transparent)}.auth-github-btn,.auth-email-btn{border-color:var(--border-color);color:var(--text-primary)}.auth-coming-soon{margin-left:auto;font-size:.75rem;font-weight:500;color:var(--text-secondary);opacity:.7}.auth-divider{display:flex;align-items:center;gap:1rem;margin:.5rem 0;color:var(--text-secondary);font-size:.875rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.auth-authenticated{display:flex;align-items:center;justify-content:space-between;gap:1rem}.auth-user-info{display:flex;align-items:center;gap:1rem}.auth-user-avatar{width:48px;height:48px;border-radius:50%;border:2px solid var(--border-color)}.auth-user-details{display:flex;flex-direction:column;gap:.25rem}.auth-user-name{font-weight:600;color:var(--text-primary);font-size:1rem}.auth-user-email{font-size:.875rem;color:var(--text-secondary)}.auth-logout-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--error-wash);border:1px solid var(--border-error);border-radius:.5rem;color:var(--error-color);font-weight:600;cursor:pointer;transition:all .2s ease}.auth-logout-btn:hover{background:var(--error-soft);border-color:var(--border-error)}.auth-flow-steps{display:flex;flex-direction:column;gap:1rem}.auth-flow-step{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-primary);border-radius:.5rem;border:2px solid var(--border-color);transition:all .3s ease;position:relative}.auth-flow-step-active{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 12%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 18%,transparent)}.auth-flow-step-completed{border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 16%,transparent)}.auth-flow-step-number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-secondary);font-weight:700;flex-shrink:0;transition:all .3s ease}.auth-flow-step-active .auth-flow-step-number{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.auth-flow-step-completed .auth-flow-step-number{border-color:var(--accent-color);background:var(--accent-color);color:#fff}.auth-flow-step-content{flex:1}.auth-flow-step-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.auth-flow-step-desc{font-size:.875rem;color:var(--text-secondary)}.auth-flow-connector{position:absolute;left:50%;bottom:-1.5rem;transform:translate(-50%);color:var(--border-color);transition:all .3s ease}.auth-flow-connector.completed{color:var(--accent-color)}.auth-token-display{display:flex;flex-direction:column;gap:1rem}.auth-token-section{display:flex;flex-direction:column;gap:.5rem}.auth-token-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.auth-token-value{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;padding:.875rem;font-family:Courier New,monospace;font-size:.8125rem;word-break:break-all;color:var(--text-primary)}.auth-token-value code{background:transparent;border:none;padding:0;color:inherit}.auth-token-payload{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;margin-top:.5rem}.auth-token-payload-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;color:var(--text-primary);font-size:.875rem}.auth-token-json{margin:0;font-family:Courier New,monospace;font-size:.75rem;color:var(--text-primary);background:transparent;border:none;padding:0;white-space:pre-wrap;word-break:break-all}.auth-token-info{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.auth-token-info-item{display:flex;align-items:center;gap:.5rem}.auth-token-info-label{font-size:.875rem;color:var(--text-secondary)}.auth-token-info-value{font-weight:600;color:var(--text-primary);font-family:Courier New,monospace}.auth-refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-wash);border:1px solid var(--border-primary);border-radius:.5rem;color:var(--primary-color);font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem}.auth-refresh-btn:hover:not(:disabled){background:var(--primary-soft);border-color:var(--border-primary)}.auth-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.auth-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.auth-toggle-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.auth-protected-demo{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.auth-route-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:.75rem;padding:1.25rem;transition:all .3s ease}.auth-route-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.auth-route-public{border-color:var(--accent-color)}.auth-route-protected{border-color:var(--border-color)}.auth-route-protected.auth-route-accessible{border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 14%,transparent)}.auth-route-protected.auth-route-locked{border-color:var(--border-error);background:var(--error-soft)}.auth-route-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-weight:600;color:var(--text-primary)}.auth-route-content{display:flex;flex-direction:column;gap:.75rem}.auth-route-content p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.6}.auth-route-status{display:flex;align-items:center;gap:.5rem}.auth-status-badge{padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.auth-status-public,.auth-status-authenticated{background:var(--accent-soft);color:var(--accent-color);border:1px solid var(--border-accent)}.auth-status-locked{background:var(--error-soft);color:var(--error-color);border:1px solid var(--border-error)}.auth-route-message{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--error-soft);border:1px solid var(--border-error);border-radius:.5rem;font-size:.8125rem;color:var(--error-color)}.auth-spinner{animation:spin 1s linear infinite}.auth-awareness-section{margin-top:2rem;padding:1.5rem;background:var(--secondary-wash);border:1px solid var(--border-warning);border-radius:.75rem}.auth-awareness-title{margin:0 0 1rem;font-size:1rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.auth-awareness-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.auth-awareness-item{display:flex;flex-direction:column;gap:.5rem}.auth-awareness-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.auth-awareness-header svg{color:var(--secondary-color);flex-shrink:0}.auth-awareness-header strong{color:var(--text-primary);font-weight:600;font-size:.875rem}.auth-awareness-item p{margin:0;font-size:.8125rem;color:var(--text-secondary);line-height:1.6}@media(max-width:768px){.auth-showcase{padding:1.5rem}.auth-header{flex-direction:column;align-items:flex-start;gap:1rem}.auth-protected-demo{grid-template-columns:1fr}.auth-authenticated,.auth-token-info{flex-direction:column;align-items:flex-start}}.task-dashboard{width:100%;max-width:1200px;margin:0 auto;padding:1.5rem}.task-dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1rem}.task-dashboard-title{display:flex;align-items:center;gap:.75rem}.task-dashboard-title>div{display:flex;flex-direction:column;gap:.25rem}.task-dashboard-title h3{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.task-dashboard-title svg{color:var(--primary-color)}.task-dashboard-subtitle{font-size:.75rem;color:var(--text-secondary);font-weight:400;margin-left:.5rem;opacity:.7}.task-btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary-color);color:var(--text-inverse);border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem}.task-btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 12px 24px #255cc147}.task-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.task-demo-notice{background:color-mix(in srgb,var(--primary-color) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary-color) 28%,transparent);color:var(--primary-color);padding:.75rem 1rem;border-radius:.75rem;margin-bottom:1.5rem;font-size:.9rem}.task-demo-warning{background:color-mix(in srgb,var(--warning-color, #f59e0b) 10%,transparent);border:1px solid color-mix(in srgb,var(--warning-color, #f59e0b) 35%,transparent);color:color-mix(in srgb,var(--warning-color, #8a5100) 80%,var(--text-primary) 20%);padding:.85rem 1rem;border-radius:.75rem;font-size:.9rem;margin-bottom:1rem;display:flex;gap:.4rem;align-items:flex-start;line-height:1.4}.task-btn-secondary{padding:.75rem 1.5rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem}.task-btn-secondary:hover{background:var(--bg-primary);border-color:var(--primary-color)}.task-btn-danger{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--error-color);color:var(--text-inverse);border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem}.task-btn-danger:hover{background:var(--error-hover);transform:translateY(-1px);box-shadow:0 10px 20px #d24c4c40}.task-btn-clear{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.task-btn-clear:hover{color:var(--text-primary);border-color:var(--primary-color)}.task-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.task-stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;transition:all .2s ease}.task-stat-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.task-stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;flex-shrink:0}.task-stat-content{flex:1}.task-stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.task-stat-label{font-size:.875rem;color:var(--text-secondary)}.task-filters{margin-bottom:2rem}.task-search{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;margin-bottom:1rem}.task-search svg{color:var(--text-secondary);flex-shrink:0}.task-search input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.875rem;outline:none}.task-search input::placeholder{color:var(--text-secondary)}.task-filters-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.task-filter-select{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;cursor:pointer;outline:none;transition:all .2s ease}.task-filter-select:hover{border-color:var(--primary-color)}.task-filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 16%,transparent)}.task-filter-results{margin-top:.75rem;font-size:.875rem;color:var(--text-secondary)}.task-list{display:grid;gap:1rem}.task-card{padding:1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;transition:all .2s ease}.task-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.task-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.task-card-title-row{flex:1;display:flex;flex-direction:column;gap:.5rem}.task-card-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.task-card-badges{display:flex;flex-wrap:wrap;gap:.5rem}.task-priority-badge,.task-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:capitalize}.task-card-actions{display:flex;gap:.5rem}.task-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.task-action-btn:hover{background:var(--bg-primary);border-color:var(--primary-color);color:var(--primary-color)}.task-action-btn-danger:hover{border-color:var(--error-color);color:var(--error-color);background:color-mix(in srgb,var(--error-color) 12%,transparent)}.task-card-description{margin:.75rem 0;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.task-card-footer{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.task-card-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.875rem}.task-card-category,.task-card-date{display:flex;align-items:center;gap:.375rem;color:var(--text-secondary)}.task-card-date.overdue{color:var(--error-color);font-weight:600}.task-card-category svg,.task-card-date svg{flex-shrink:0}.task-loading-state{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.task-loading-state svg{margin-bottom:1rem;color:var(--primary-color)}.task-error-message{display:flex;align-items:center;gap:.75rem;padding:1rem;background:color-mix(in srgb,var(--error-color) 12%,transparent);border:1px solid rgba(210,76,76,.28);border-radius:.5rem;color:var(--error-color);margin-bottom:1.5rem;font-size:.875rem}.task-error-message svg{flex-shrink:0}.task-error-message span{flex:1}.task-error-close{background:transparent;border:none;color:var(--error-color);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:background .2s ease}.task-error-close:hover{background:#d24c4c29}.task-tech-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:3rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem}.task-tech-section{display:flex;flex-direction:column;gap:.5rem}.task-tech-section h4{margin:0;font-size:.875rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.task-tech-section p{margin:0;font-size:.8125rem;color:var(--text-secondary);line-height:1.6}.task-tech-section strong{color:var(--text-primary);font-weight:600}.task-awareness-section{margin-top:2rem;padding:1.5rem;background:#fbbf240d;border:1px solid rgba(251,191,36,.2);border-radius:.75rem}.task-awareness-title{margin:0 0 1rem;font-size:1rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.task-awareness-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.task-awareness-item{display:flex;flex-direction:column;gap:.5rem}.task-awareness-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.task-awareness-header svg{color:var(--secondary-color);flex-shrink:0}.task-awareness-header strong{color:var(--text-primary);font-weight:600;font-size:.875rem}.task-awareness-item p{margin:0;font-size:.8125rem;color:var(--text-secondary);line-height:1.6}.task-empty-state{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.task-empty-state svg{margin-bottom:1rem;opacity:.5}.task-empty-state h4{margin:0 0 .5rem;font-size:1.25rem;color:var(--text-primary)}.task-empty-state p{margin:0 0 1.5rem;font-size:.875rem}.task-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.task-modal{background:var(--bg-primary);border-radius:1rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.task-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color)}.task-modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.task-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:.375rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.task-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.task-form{padding:1.5rem}.task-form-group{margin-bottom:1.25rem}.task-form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:var(--text-primary)}.task-form-group input,.task-form-group textarea,.task-form-group select{width:100%;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;font-family:inherit;outline:none;transition:all .2s ease}.task-form-group input:focus,.task-form-group textarea:focus,.task-form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 16%,transparent)}.task-form-group input.error,.task-form-group textarea.error{border-color:var(--error-color)}.task-form-group textarea{resize:vertical;min-height:100px}.task-form-error{display:block;margin-top:.375rem;font-size:.75rem;color:var(--error-color)}.task-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.task-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.task-delete-modal{background:var(--bg-primary);border-radius:1rem;padding:2rem;width:100%;max-width:400px;text-align:center;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.task-delete-modal svg{margin:0 auto 1rem}.task-delete-modal h3{margin:0 0 .75rem;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.task-delete-modal p{margin:0 0 2rem;font-size:.875rem;color:var(--text-secondary);line-height:1.5}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}@media(max-width:768px){.task-dashboard{padding:1rem}.task-dashboard-header{flex-direction:column;align-items:stretch}.task-dashboard-title h3{font-size:1.25rem}.task-stats-grid{grid-template-columns:repeat(2,1fr)}.task-filters-row{flex-direction:column;align-items:stretch}.task-filter-select{width:100%}.task-form-row{grid-template-columns:1fr}.task-card-header{flex-direction:column}.task-card-actions{align-self:flex-end}}@media(max-width:480px){.task-stats-grid{grid-template-columns:1fr}}