.github-button[data-v-e18bcf44]{background-color:rgb(var(--color-section-bg));border:var(--border-width-1) solid rgb(var(--card-border));color:rgb(var(--color-text-secondary));padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.github-button[data-v-e18bcf44]:hover{background-color:rgb(var(--color-secondary) / .1);color:rgb(var(--color-secondary));transform:translateY(-1px);box-shadow:var(--shadow-md)}.github-button[data-v-e18bcf44]:focus{outline:none;box-shadow:0 0 0 var(--border-width-2) rgba(var(--color-secondary),.5)}.github-button[data-v-e18bcf44]:active{transform:translateY(0)}.github-button:hover svg[data-v-e18bcf44]:first-child{transform:scale(1.1);transition:transform var(--duration-normal) var(--ease-out)}.github-button[data-v-e18bcf44]:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(var(--color-secondary),.3) 0%,transparent 70%);transform:translate(-50%,-50%);transition:all var(--duration-normal) var(--ease-out);pointer-events:none}.github-button[data-v-e18bcf44]:active:before{width:100px;height:100px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .github-button[data-v-e18bcf44]{background-color:rgb(var(--color-dark-bg-secondary));border-color:rgb(var(--color-gray-200))}:root:not([data-theme=light]) .github-button[data-v-e18bcf44]:hover{background-color:rgba(var(--color-secondary),.2)}}:root[data-theme=dark] .github-button[data-v-e18bcf44]{background-color:rgb(var(--color-dark-bg-secondary));border-color:rgb(var(--color-gray-200))}:root[data-theme=dark] .github-button[data-v-e18bcf44]:hover{background-color:rgba(var(--color-secondary),.2)}@media (max-width: 640px){.github-button[data-v-e18bcf44]{padding:var(--spacing-sm)}.github-button span.whitespace-nowrap[data-v-e18bcf44]{display:none}.github-button svg[data-v-e18bcf44]:first-child{width:1.25rem;height:1.25rem}.github-button svg[data-v-e18bcf44]:last-child{display:none}}.work-nested-project-card[data-v-d0b2e951]{background-color:rgb(var(--card-bg));border-radius:var(--border-radius-card);border:var(--border-width-1) solid rgb(var(--card-border));overflow:hidden;transition:all var(--duration-normal) var(--ease-out)}.work-nested-project-card[data-v-d0b2e951]:hover{background-color:rgb(var(--color-gray-50))}.theme-toggle[data-v-9254b739]{display:flex;align-items:center;gap:.5rem;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;background-color:rgb(var(--color-section-bg));color:rgb(var(--color-text-secondary));border:var(--border-width-1) solid rgb(var(--card-border));cursor:pointer;transition:all var(--duration-normal) var(--ease-out);-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);position:relative;overflow:hidden}.theme-toggle[data-v-9254b739]:hover{background-color:rgb(var(--color-secondary) / .1);color:rgb(var(--color-secondary));transform:translateY(-1px);box-shadow:var(--shadow-md)}.theme-toggle[data-v-9254b739]:focus{outline:none;box-shadow:0 0 0 var(--border-width-2) rgba(var(--color-secondary),.5)}.theme-toggle[data-v-9254b739]:active{transform:translateY(0)}.theme-toggle__icon[data-v-9254b739]{font-size:var(--font-size-lg);line-height:1;display:inline-block;transition:transform var(--duration-normal) var(--ease-out)}.theme-toggle:hover .theme-toggle__icon[data-v-9254b739]{transform:rotate(20deg)}.theme-toggle__label[data-v-9254b739]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.theme-toggle[data-v-9254b739]:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(var(--color-secondary),.3) 0%,transparent 70%);transform:translate(-50%,-50%);transition:all var(--duration-normal) var(--ease-out);pointer-events:none}.theme-toggle[data-v-9254b739]:active:before{width:100px;height:100px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .theme-toggle[data-v-9254b739]{background-color:rgb(var(--color-dark-bg-secondary));border-color:rgb(var(--color-gray-200))}:root:not([data-theme=light]) .theme-toggle[data-v-9254b739]:hover{background-color:rgba(var(--color-secondary),.2)}}@media (max-width: 640px){.theme-toggle__label[data-v-9254b739]{display:none}.theme-toggle[data-v-9254b739]{padding:var(--spacing-sm)}.theme-toggle__icon[data-v-9254b739]{font-size:var(--font-size-xl)}}.work-drawer-content[data-v-dcb33c9e]{border-top:none!important}.work-drawer-content[data-v-dcb33c9e]::-webkit-scrollbar{width:6px}.work-drawer-content[data-v-dcb33c9e]::-webkit-scrollbar-track{background:transparent;border-radius:10px}.work-drawer-content[data-v-dcb33c9e]::-webkit-scrollbar-thumb{background:rgb(var(--accent-work));border-radius:10px;transition:background .3s ease}.work-drawer-content[data-v-dcb33c9e]::-webkit-scrollbar-thumb:hover{background:rgb(var(--color-primary))}.work-drawer-content[data-v-dcb33c9e]{scrollbar-width:thin;scrollbar-color:rgb(var(--accent-work)) transparent}[data-theme=dark] .work-drawer-content[data-v-dcb33c9e]::-webkit-scrollbar-thumb{opacity:.6}[data-theme=dark] .work-drawer-content[data-v-dcb33c9e]::-webkit-scrollbar-thumb:hover{opacity:1}:root{--color-primary: 44 62 80;--color-secondary: 52 152 219;--color-accent: 52 73 94;--color-success: 39 174 96;--color-warning: 243 156 18;--color-error: 231 76 60;--color-info: 52 152 219;--color-gray-50: 248 249 250;--color-gray-100: 233 236 239;--color-gray-200: 206 212 218;--color-gray-300: 173 181 189;--color-gray-400: 108 117 125;--color-gray-500: 73 80 87;--color-gray-600: 52 58 64;--color-gray-700: 33 37 41;--color-section-bg: 248 249 250;--color-header-bg: 248 249 250;--color-text-primary: 31 41 55;--color-text-secondary: 75 85 99;--card-bg: 255 255 255;--card-bg-hover: 248 250 252;--card-border: 203 213 225;--card-border-hover: 160 174 192;--card-shadow: 0 4px 25px rgba(0 0 0 / .15);--card-shadow-hover: 0 8px 35px rgba(0 0 0 / .2);--accent-project: 59 130 246;--accent-advantage: 16 185 129;--accent-work: 236 72 153;--accent-education: 245 158 11;--accent-value: 139 92 246;--header-text-primary: 255 255 255;--header-text-secondary: 247 250 252;--code-bg: 229 231 235;--code-text: 59 130 246;--code-text-alt: 245 158 11;--text-bold-color: 236 72 153;--text-italic-color: 139 92 246;--text-bold-italic-color: 236 72 153;--header-border-color: rgb(var(--color-secondary) / .2);--loading-bg: 248 249 250;--error-bg: rgba(231, 76, 60, .1);--empty-bg: rgba(108, 117, 125, .1);--font-family-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Consolas", Monaco, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-card: 0 4px 16px rgba(0, 0, 0, .1);--shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .15);--border-width-0: 0;--border-width-1: 1px;--border-width-2: 2px;--border-width-4: 4px;--border-radius-sm: .125rem;--border-radius-md: .25rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--border-radius-full: 9999px;--border-radius-card: var(--border-radius-xl);--gradient-header: linear-gradient( 135deg, rgb(var(--color-secondary) / .08) 0%, rgb(var(--color-primary) / .05) 50%, rgb(var(--color-header-bg)) 100% );--gradient-primary: linear-gradient( 135deg, rgb(var(--color-secondary)) 0%, rgb(var(--color-primary)) 100% );--gradient-text: linear-gradient( 90deg, rgb(var(--color-secondary)) 0%, rgb(var(--color-accent)) 100% );--backdrop-blur-sm: blur(4px);--backdrop-blur-md: blur(8px);--backdrop-blur-lg: blur(16px);--opacity-backdrop: .8;--opacity-hover: .8;--opacity-disabled: .5;--color-dark-bg-primary: 26 26 26;--color-dark-bg-secondary: 45 45 45;--color-dark-text-primary: 255 255 255;--color-dark-text-secondary: 160 160 160}:root[data-theme=dark]{--color-section-bg: var(--color-dark-bg-primary);--color-header-bg: var(--color-dark-bg-secondary);--color-gray-50: var(--color-dark-bg-primary);--color-gray-100: var(--color-dark-bg-secondary);--color-gray-200: 64 64 64;--color-gray-300: 96 96 96;--color-text-primary: var(--color-dark-text-primary);--color-text-secondary: 209 213 219;--color-gray-400: 209 213 219;--color-gray-500: 229 231 235;--color-gray-600: 243 244 246;--color-gray-700: 249 250 251;--card-bg: 51 55 64;--card-bg-hover: 63 67 78;--card-border: 107 114 128;--card-border-hover: 156 163 175;--card-shadow: 0 4px 25px rgba(0 0 0 / .4);--card-shadow-hover: 0 8px 35px rgba(0 0 0 / .5);--accent-project: 96 165 250;--accent-advantage: 52 211 153;--accent-work: 244 114 182;--accent-education: 251 191 36;--accent-value: 167 139 250;--header-text-primary: 255 255 255;--header-text-secondary: 226 232 240;--gradient-header: linear-gradient( 135deg, rgb(var(--color-secondary) / .12) 0%, rgb(var(--color-primary) / .08) 50%, rgb(var(--color-header-bg)) 100% );--header-border-color: rgb(var(--color-secondary) / .3);--code-bg: 75 85 99;--code-text: 96 165 250;--code-text-alt: 251 191 36;--text-bold-color: 244 114 182;--text-italic-color: 167 139 250;--text-bold-italic-color: 244 114 182;--loading-bg: var(--color-dark-bg-secondary);--error-bg: rgba(231, 76, 60, .1);--empty-bg: rgba(108, 117, 125, .1)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-section-bg: var(--color-dark-bg-primary);--color-header-bg: var(--color-dark-bg-secondary);--color-gray-50: var(--color-dark-bg-primary);--color-gray-100: var(--color-dark-bg-secondary);--color-gray-200: 64 64 64;--color-gray-300: 96 96 96;--color-text-primary: var(--color-dark-text-primary);--color-text-secondary: 209 213 219;--color-gray-400: 209 213 219;--color-gray-500: 229 231 235;--color-gray-600: 243 244 246;--color-gray-700: 249 250 251;--card-bg: 51 55 64;--card-bg-hover: 63 67 78;--card-border: 107 114 128;--card-border-hover: 156 163 175;--card-shadow: 0 4px 25px rgba(0 0 0 / .4);--card-shadow-hover: 0 8px 35px rgba(0 0 0 / .5);--accent-project: 96 165 250;--accent-advantage: 52 211 153;--accent-work: 244 114 182;--accent-education: 251 191 36;--accent-value: 167 139 250;--header-text-primary: 255 255 255;--header-text-secondary: 226 232 240;--gradient-header: linear-gradient( 135deg, rgb(var(--color-secondary) / .12) 0%, rgb(var(--color-primary) / .08) 50%, rgb(var(--color-header-bg)) 100% );--header-border-color: rgb(var(--color-secondary) / .3);--code-bg: 75 85 99;--code-text: 96 165 250;--code-text-alt: 251 191 36;--text-bold-color: 244 114 182;--text-italic-color: 167 139 250;--text-bold-italic-color: 244 114 182;--loading-bg: var(--color-dark-bg-secondary);--error-bg: rgba(231, 76, 60, .1);--empty-bg: rgba(108, 117, 125, .1)}}:root[data-theme=light]{--color-section-bg: 248 249 250;--color-header-bg: 248 249 250;--color-text-primary: 31 41 55;--color-text-secondary: 75 85 99;--card-bg: 255 255 255;--card-bg-hover: 248 250 252;--card-border: 203 213 225;--card-border-hover: 160 174 192;--card-shadow: 0 4px 25px rgba(0 0 0 / .15);--card-shadow-hover: 0 8px 35px rgba(0 0 0 / .2);--accent-project: 59 130 246;--accent-advantage: 16 185 129;--accent-work: 236 72 153;--accent-education: 245 158 11;--accent-value: 139 92 246;--header-text-primary: 255 255 255;--header-text-secondary: 247 250 252;--gradient-header: linear-gradient( 135deg, rgb(var(--color-secondary) / .08) 0%, rgb(var(--color-primary) / .05) 50%, rgb(var(--color-header-bg)) 100% );--header-border-color: rgb(var(--color-secondary) / .2);--code-bg: 229 231 235;--code-text: 59 130 246;--code-text-alt: 245 158 11;--text-bold-color: 236 72 153;--text-italic-color: 139 92 246;--text-bold-italic-color: 236 72 153;--loading-bg: 248 249 250;--error-bg: rgba(231, 76, 60, .1);--empty-bg: rgba(108, 117, 125, .1)}@layer base{html{scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:1.625;font-family:Inter,system-ui,sans-serif;margin:0;padding:0;min-height:100vh;-webkit-text-size-adjust:100%;font-feature-settings:"kern" 1,"liga" 1,"calt" 1}*,*:before,*:after{box-sizing:border-box}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button,[type=button],[type=reset],[type=submit]{background:none;border:none;padding:0;margin:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}a{color:inherit;text-decoration:none}ul,ol{padding:0;list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}p{margin:0}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.focus-outline:focus{outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-offset-width:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@layer base{.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:rgb(var(--color-text-primary));margin-bottom:var(--spacing-lg)}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:rgb(var(--color-text-primary));margin-bottom:var(--spacing-md)}h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:rgb(var(--color-text-primary));margin-bottom:var(--spacing-md)}h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:rgb(var(--color-text-primary));margin-bottom:var(--spacing-sm)}p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:rgb(var(--color-text-primary));margin-bottom:var(--spacing-md)}a{color:rgb(var(--color-secondary));text-decoration:none;transition:color var(--duration-normal) var(--ease-out);cursor:pointer}a:hover{color:rgb(var(--color-secondary) / var(--opacity-hover))}a:focus{outline:none;box-shadow:0 0 0 2px rgb(var(--color-secondary) / .5);border-radius:var(--border-radius-sm)}ul,ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}li{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:rgb(var(--color-text-primary));margin-bottom:var(--spacing-sm)}strong,b{font-weight:var(--font-weight-semibold);color:rgb(var(--text-bold-color))}em,i{font-style:italic;color:rgb(var(--text-italic-color))}strong em,em strong,b i,i b{font-weight:var(--font-weight-semibold);font-style:italic;color:rgb(var(--text-bold-italic-color))}blockquote{font-style:italic;color:rgb(var(--color-text-secondary));border-left:var(--border-width-4) solid rgb(var(--color-secondary));padding-left:var(--spacing-lg);margin:var(--spacing-lg) 0}code{font-family:var(--font-family-mono);font-size:.8125em;background-color:rgb(var(--code-bg));color:rgb(var(--code-text));padding:.125rem .375rem;border-radius:var(--border-radius-sm);font-weight:500;letter-spacing:.025em}pre{font-family:var(--font-family-mono);font-size:.875em;background-color:rgb(var(--color-gray-100));color:rgb(var(--color-text-primary));padding:var(--spacing-md);border-radius:var(--border-radius-md);overflow-x:auto;margin:var(--spacing-lg) 0;line-height:var(--line-height-normal)}pre code{background:none;padding:0;color:inherit}hr{border:none;border-top:var(--border-width-1) solid rgb(var(--color-gray-200));margin:var(--spacing-xl) 0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}}@layer base{.app-container{min-height:100vh;background-color:rgb(var(--color-section-bg))}.resume-container{width:100%;max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl);box-sizing:border-box}.content{margin-top:var(--spacing-2xl)}@media (max-width: 768px){.resume-container{padding:var(--spacing-lg) var(--spacing-md)}.content{margin-top:var(--spacing-xl)}}@media (max-width: 480px){.resume-container{padding:var(--spacing-md) var(--spacing-sm)}.content{margin-top:var(--spacing-lg)}}@media print{.resume-container{max-width:none;margin:0;padding:1rem;background-color:rgb(var(--color-section-bg))}.content{margin-top:1rem}}}@layer components{.card-base{background-color:rgb(var(--card-bg, 255 255 255));box-shadow:var(--card-shadow, var(--shadow-card));border-radius:var(--border-radius-card);padding:var(--spacing-lg);border:var(--border-width-1) solid rgb(var(--card-border, 233 236 239));transition:all var(--duration-normal) var(--ease-out)}.card-hover{transition:all var(--duration-normal) var(--ease-out)}.card-hover:hover{background-color:rgb(var(--card-bg-hover, 248 250 252));border-color:rgb(var(--card-border-hover, 203 213 225));box-shadow:var(--card-shadow-hover, var(--shadow-card-hover));transform:translateY(-.25rem)}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:rgb(var(--color-text-primary));margin-bottom:var(--spacing-lg);position:relative;padding-bottom:var(--spacing-sm)}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:4rem;height:.25rem;background-color:rgb(var(--color-secondary));border-radius:var(--border-radius-full);transition:width var(--duration-normal) var(--ease-out)}.section:hover .section-title:after{width:10rem}.contact-link{color:rgb(var(--color-secondary));transition:color var(--duration-normal) var(--ease-out);display:inline-flex;align-items:center;gap:var(--spacing-xs)}.contact-link:hover{color:rgb(var(--color-secondary) / var(--opacity-hover))}.contact-link:focus{outline:none;box-shadow:0 0 0 2px rgb(var(--color-secondary) / .5);border-radius:var(--border-radius-sm)}.tech-tag{display:inline-flex;align-items:center;background-color:rgb(var(--color-secondary) / .1);color:rgb(var(--color-secondary));padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-right:var(--spacing-sm);margin-bottom:var(--spacing-sm);transition:all var(--duration-normal) var(--ease-out);border:var(--border-width-1) solid transparent}.tech-tag:hover{background-color:rgb(var(--color-secondary) / .2);transform:translateY(-1px)}.tech-tag:last-child{margin-right:0}.project-card{border-width:1px;border-radius:12px;padding:1.5rem;--un-shadow:0 4px 16px var(--un-shadow-color, rgba(0, 0, 0, .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);position:relative;border-left:4px solid rgb(var(--accent-project, 59 130 246));cursor:pointer;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(var(--card-bg)),rgb(var(--accent-project) / .03));z-index:-1;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.project-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(var(--accent-project) / .06),rgb(var(--card-bg-hover, 248 250 252)));z-index:-1;opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.project-card:hover{border-left-color:#2563eb;box-shadow:0 4px 20px #3b82f640;transform:translateY(-1px)}.project-card:hover:before{opacity:0}.project-card:hover:after{opacity:1}.advantage-card{border-width:1px;border-radius:12px;padding:1.5rem;--un-shadow:0 4px 16px var(--un-shadow-color, rgba(0, 0, 0, .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s;background:linear-gradient(135deg,rgb(var(--card-bg)),rgb(var(--accent-advantage) / .05));border-left:4px solid rgb(var(--accent-advantage, 16 185 129))}.advantage-card:hover{--un-translate-y:-.25rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));--un-shadow:0 8px 32px var(--un-shadow-color, rgba(0, 0, 0, .15));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.project-drawer-content{padding:0 var(--spacing-lg) var(--spacing-lg);border-top:var(--border-width-1) solid rgb(var(--card-border, 233 236 239))}.highlights-list{list-style:none;padding:0;margin:0}.highlights-list li{color:rgb(var(--color-text-primary));line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xs);display:flex;align-items:flex-start}.highlights-list li:last-child{margin-bottom:0}.highlights-list li:before{content:"•";color:rgb(var(--color-secondary));margin-right:var(--spacing-xs);font-weight:var(--font-weight-bold);flex-shrink:0}.highlights-list li[data-level="0"]:before,.highlights-list li[data-level="2"]:before,.highlights-list li[data-level="4"]:before{color:rgb(var(--color-secondary))}.highlights-list li[data-level="1"]:before,.highlights-list li[data-level="3"]:before,.highlights-list li[data-level="5"]:before{color:rgb(var(--accent-work))}.work-card{border-width:1px;border-radius:12px;padding:1.5rem;--un-shadow:0 4px 16px var(--un-shadow-color, rgba(0, 0, 0, .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);position:relative;border-left:4px solid rgb(var(--accent-work, 236 72 153));cursor:pointer;overflow:hidden;margin-bottom:var(--spacing-md)}.work-card:last-child{margin-bottom:0}.work-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(var(--card-bg)),rgb(var(--accent-work) / .03));z-index:-1;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.work-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(var(--accent-work) / .06),rgb(var(--card-bg-hover, 248 250 252)));z-index:-1;opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.work-card:hover{border-left-color:#db2777;box-shadow:0 4px 20px #ec489940;transform:translateY(-1px)}.work-card:hover:before{opacity:0}.work-card:hover:after{opacity:1}.work-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);cursor:pointer;-webkit-user-select:none;user-select:none}.work-card-header-left{flex:1}.work-card-company{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:rgb(var(--color-text-primary));margin:0 0 var(--spacing-xs) 0}.work-card-duration{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:rgb(var(--color-text-secondary))}.position-tag{background-color:rgb(var(--accent-work));color:rgb(var(--color-gray-50));padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-sm)}.work-drawer-wrapper{overflow:hidden;transition:all var(--duration-500) var(--ease-in-out)}.work-drawer-content{padding:0 var(--spacing-lg) var(--spacing-lg);border-top:var(--border-width-1) solid rgb(var(--card-border, 233 236 239))}.work-section{margin:var(--spacing-md) 0}.work-section:last-child{margin-bottom:0}.work-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:rgb(var(--color-text-primary));margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);display:flex;align-items:center}.work-section-title .icon{margin-right:var(--spacing-xs)}.work-list{list-style:none;padding:0;margin:0}.work-list li{color:rgb(var(--color-text-primary));line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xs);display:flex;align-items:flex-start}.work-list li:last-child{margin-bottom:0}.work-list li:before{content:"•";color:rgb(var(--color-secondary));margin-right:var(--spacing-xs);font-weight:var(--font-weight-bold);flex-shrink:0}.work-achievement-item{background-color:rgb(var(--color-surface-secondary, 248 250 252));padding:var(--spacing-sm);border-radius:var(--border-radius-lg);border-left:4px solid rgb(var(--accent-work));margin-bottom:var(--spacing-xs);transition:background-color var(--duration-normal) var(--ease-out)}.work-achievement-item:last-child{margin-bottom:0}.work-achievement-item:hover{background-color:rgb(var(--color-surface-tertiary, 241 245 249))}.work-achievement-item .star-icon{color:rgb(var(--color-warning, 243 156 18));margin-right:var(--spacing-xs);flex-shrink:0;margin-top:.125rem}.education-experience-list{list-style:none;padding:0;margin:0}.education-experience-list li{color:rgb(var(--color-text-primary));line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xs);display:flex;align-items:flex-start}.education-experience-list li:last-child{margin-bottom:0}.education-experience-list li:before{content:"•";color:rgb(var(--color-secondary));margin-right:var(--spacing-xs);font-weight:var(--font-weight-bold);flex-shrink:0}.education-card{border-width:1px;border-radius:12px;padding:1.5rem;--un-shadow:0 4px 16px var(--un-shadow-color, rgba(0, 0, 0, .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);background:linear-gradient(135deg,rgb(var(--card-bg)),rgb(var(--accent-education) / .08));border-left:4px solid rgb(var(--accent-education, 245 158 11))}.value-card{border-width:1px;border-radius:12px;padding:1.5rem;--un-shadow:0 4px 16px var(--un-shadow-color, rgba(0, 0, 0, .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);padding:var(--spacing-lg);background:linear-gradient(135deg,rgb(var(--card-bg)),rgb(var(--accent-value) / .06));border-left:4px solid rgb(var(--accent-value, 139 92 246))}.value-card .title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:rgb(var(--color-text-primary));margin-bottom:var(--spacing-sm)}.value-card .description{font-size:var(--font-size-sm);color:rgb(var(--color-text-secondary));line-height:var(--line-height-relaxed)}.cards-grid{display:grid;gap:var(--spacing-lg)}.cards-grid-1{grid-template-columns:1fr}.cards-grid-2{grid-template-columns:repeat(2,1fr)}.cards-grid-3{grid-template-columns:repeat(3,1fr)}.glass-effect{-webkit-backdrop-filter:var(--backdrop-blur-md);backdrop-filter:var(--backdrop-blur-md);background-color:rgb(var(--card-bg) / .8);border:var(--border-width-1) solid rgb(var(--card-border) / .3)}@media (max-width: 768px){.cards-grid-2,.cards-grid-3{grid-template-columns:1fr}.work-card{margin:0 0 var(--spacing-md)}.work-card-header{padding:var(--spacing-md)}.work-drawer-content{padding:0 var(--spacing-md) var(--spacing-md)}.work-card-company{font-size:var(--font-size-lg)}.project-drawer-content{padding:0 var(--spacing-md) var(--spacing-md)}}@media (min-width: 769px) and (max-width: 1024px){.cards-grid-3{grid-template-columns:repeat(2,1fr)}}}@layer components{.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:12.5rem;text-align:center;padding:var(--spacing-xl);border-radius:var(--border-radius-lg);background-color:rgb(var(--color-section-bg));border:var(--border-width-1) solid rgb(var(--card-border, 233 236 239))}.loading-state{position:relative}.loading-state:before{content:"";position:absolute;top:2rem;left:50%;transform:translate(-50%);width:2rem;height:2rem;border:var(--border-width-2) solid rgb(var(--color-gray-200));border-top:var(--border-width-2) solid rgb(var(--color-secondary));border-radius:var(--border-radius-full);animation:spin 1s linear infinite}.error-state{background-color:rgb(var(--error-bg, rgba(231, 76, 60, .05)));border-color:rgba(var(--color-error),.2)}.error-state .error-title{color:rgb(var(--color-error));font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);margin-top:3rem}.error-state .error-message{color:rgb(var(--color-text-secondary));font-size:var(--font-size-base);line-height:var(--line-height-relaxed);max-width:400px;margin:0 auto var(--spacing-lg)}.empty-state{background-color:rgb(var(--empty-bg, rgba(108, 117, 125, .1)))}.empty-state .empty-title{color:rgb(var(--color-text-secondary));font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm);margin-top:3rem}.empty-state .empty-message{color:rgb(var(--color-gray-500));font-size:var(--font-size-base);line-height:var(--line-height-relaxed);max-width:400px;margin:0 auto var(--spacing-lg)}.state-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.6}.error-state .state-icon{color:rgb(var(--color-error))}.empty-state .state-icon{color:rgb(var(--color-gray-400))}.retry-btn{background-color:rgb(var(--color-secondary));color:rgb(var(--color-gray-50, 255 255 255));padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);border:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);display:inline-flex;align-items:center;gap:var(--spacing-xs)}.retry-btn:hover{background-color:rgba(var(--color-secondary),var(--opacity-hover));transform:translateY(-1px);box-shadow:var(--shadow-md)}.retry-btn:focus{outline:none;box-shadow:0 0 0 var(--border-width-2) rgba(var(--color-secondary),.5)}.retry-btn:active{transform:translateY(0)}@keyframes spin{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading-state,.error-state,.empty-state{animation:fadeIn var(--duration-normal) var(--ease-out)}}@layer utilities{.glass{border-width:1px;--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.card{border-width:1px;border-radius:12px;padding:1.5rem;--un-shadow:0 4px 16px var(--un-shadow-color, rgba(0, 0, 0, .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.text-gradient{--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));-webkit-background-clip:text;background-clip:text;color:transparent}.text-primary{color:rgb(var(--color-text-primary))}.text-secondary{color:rgb(var(--color-text-secondary))}.text-text-primary{color:rgb(var(--color-text-primary))}.text-text-secondary{color:rgb(var(--color-text-secondary))}.header-name{color:rgb(var(--header-text-primary));font-weight:var(--font-weight-extrabold);letter-spacing:-.025em;text-shadow:0 2px 4px rgba(0,0,0,.3)}.header-position{color:rgb(var(--header-text-secondary));font-weight:var(--font-weight-semibold);opacity:1;text-shadow:0 1px 3px rgba(0,0,0,.4)}body{color:rgb(var(--color-text-primary))}.hover-lift{@apply hover-lift;}.animate-float{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-bounce-in{animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-slide-in-left{animation:slideInLeft .6s cubic-bezier(.25,.46,.45,.94)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.animate-slide-in-right{animation:slideInRight .6s cubic-bezier(.25,.46,.45,.94)}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.scroll-reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.scroll-reveal.active{opacity:1;transform:translateY(0)}.scroll-reveal-left{opacity:0;transform:translate(-30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.scroll-reveal-left.active{opacity:1;transform:translate(0)}.scroll-reveal-right{opacity:0;transform:translate(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.scroll-reveal-right.active{opacity:1;transform:translate(0)}.gradient-bg{background:var(--gradient-header)}.header-container{padding:4px;background:linear-gradient(135deg,rgb(var(--color-secondary)),rgb(var(--color-primary)));border-radius:calc(var(--border-radius-card) + 4px);position:relative}.header-inner{background:var(--gradient-header);position:relative;overflow:hidden;border-radius:var(--border-radius-card)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .header-container{background:linear-gradient(135deg,rgb(var(--color-secondary) / .8),rgb(var(--color-primary) / .7))}}:root[data-theme=dark] .header-container{background:linear-gradient(135deg,rgb(var(--color-secondary) / .8),rgb(var(--color-primary) / .7))}.gradient-primary{background:var(--gradient-primary)}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.glass-card{-webkit-backdrop-filter:var(--backdrop-blur-md);backdrop-filter:var(--backdrop-blur-md);background-color:rgba(255,255,255,var(--opacity-backdrop));border-radius:var(--border-radius-lg);padding:var(--spacing-lg);border:var(--border-width-1) solid rgba(255,255,255,.2);box-shadow:var(--shadow-lg)}@media (prefers-color-scheme: dark){.glass-card{background-color:rgba(17,24,39,var(--opacity-backdrop));border-color:#ffffff1a}}.glow{box-shadow:0 0 20px rgba(var(--color-secondary),.3)}.glow-hover:hover{box-shadow:0 0 30px rgba(var(--color-secondary),.5);transition:box-shadow var(--duration-normal) var(--ease-out)}.neon{position:relative;color:rgb(var(--color-secondary))}.neon:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;color:rgba(var(--color-secondary),.3);filter:blur(10px);z-index:-1}.mouse-glow-container{position:relative;overflow:hidden}.mouse-glow-container:before{content:"";position:absolute;top:var(--mouse-y, 50%);left:var(--mouse-x, 50%);width:200px;height:200px;background:radial-gradient(circle,rgba(var(--color-secondary),.1) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out);opacity:0;z-index:1}.mouse-glow-container:hover:before{opacity:1}.typewriter{overflow:hidden;white-space:nowrap;border-right:3px solid rgb(var(--color-secondary));animation:typing 3s steps(40,end),blink .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:transparent}50%{border-color:rgb(var(--color-secondary))}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.show-mobile{display:none}.hide-mobile{display:block}@media (max-width: 768px){.show-mobile{display:block}.hide-mobile{display:none}.container{padding:0 var(--spacing-md)}}}.github-button-wrapper{position:fixed;top:var(--spacing-lg);left:var(--spacing-lg);z-index:1000;display:flex;align-items:center;justify-content:flex-start}.theme-toggle-wrapper{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:1000;display:flex;align-items:center;justify-content:flex-end}@media (max-width: 768px){.github-button-wrapper{top:var(--spacing-md);left:var(--spacing-md)}.theme-toggle-wrapper{top:var(--spacing-md);right:var(--spacing-md)}}@media (max-width: 480px){.github-button-wrapper{top:var(--spacing-sm);left:var(--spacing-sm)}.theme-toggle-wrapper{top:var(--spacing-sm);right:var(--spacing-sm)}}@media print{.github-button-wrapper,.theme-toggle-wrapper{display:none}}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.section-title{position:relative;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.5rem;line-height:2rem;font-weight:700}.card-base{border-width:1px;border-radius:12px;padding:1.5rem;--un-shadow:0 4px 16px var(--un-shadow-color, rgba(0, 0, 0, .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.glass-effect{border-width:1px;--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.left-0{left:0}.right-0{right:0}.top-0{top:0}.z-1{z-index:1}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.m-0{margin:0}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-\[16px\]{margin-top:16px;margin-bottom:16px}.mb-0{margin-bottom:0}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mr-2{margin-right:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.inline-block{display:inline-block}.hidden{display:none}.h-3\.5{height:.875rem}.h-5{height:1.25rem}.h-px{height:1px}.h1{height:.25rem}.h2{height:.5rem}.h3{height:.75rem}.h4{height:1rem}.w-3\.5{width:.875rem}.w-5{width:1.25rem}.flex{display:flex}.inline-flex{display:inline-flex}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer{cursor:pointer}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-2>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(.5rem * var(--un-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.last\:border-b-0:last-child{border-bottom-width:0px}.border-b-\[rgb\(var\(--card-border\)\)\]{--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgb(var(--card-border) / var(--un-border-bottom-opacity))}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.bg-\[rgb\(var\(--accent-work\)\)\]{--un-bg-opacity:1;background-color:rgb(var(--accent-work) / var(--un-bg-opacity))}.bg-\[rgb\(var\(--card-border\)\)\]{--un-bg-opacity:1;background-color:rgb(var(--card-border) / var(--un-bg-opacity))}.bg-\[rgb\(var\(--color-gray-100\)\)\]{--un-bg-opacity:1;background-color:rgb(var(--color-gray-100) / var(--un-bg-opacity))}.bg-\[rgb\(var\(--color-secondary\)\)\]{--un-bg-opacity:1;background-color:rgb(var(--color-secondary) / var(--un-bg-opacity))}.hover\:bg-\[rgb\(var\(--color-gray-200\)\)\]:hover{--un-bg-opacity:1;background-color:rgb(var(--color-gray-200) / var(--un-bg-opacity))}.hover\:bg-\[rgb\(var\(--color-primary\)\)\]:hover{--un-bg-opacity:1;background-color:rgb(var(--color-primary) / var(--un-bg-opacity))}.p-3{padding:.75rem}.p-6{padding:1.5rem}.px,.px-4{padding-left:1rem;padding-right:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-6{padding-bottom:1.5rem}.pl-6{padding-left:1.5rem}.text-center{text-align:center}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-\[rgb\(var\(--color-gray-50\)\)\]{--un-text-opacity:1;color:rgb(var(--color-gray-50) / var(--un-text-opacity))}.text-\[rgb\(var\(--color-text-primary\)\)\]{--un-text-opacity:1;color:rgb(var(--color-text-primary) / var(--un-text-opacity))}.text-\[rgb\(var\(--color-text-secondary\)\)\]{--un-text-opacity:1;color:rgb(var(--color-text-secondary) / var(--un-text-opacity))}.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-relaxed{line-height:1.625}.opacity-70{opacity:.7}.before\:opacity-0:before{opacity:0}.after\:opacity-100:after{opacity:1}.outline{outline-style:solid}.backdrop-blur-sm{--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.ease,.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}