@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700;800&display=swap";.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.mt-16{margin-top:var(--space-16)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.mb-16{margin-bottom:var(--space-16)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.w-screen{width:100vw}.h-full{height:100%}.h-auto{height:auto}.h-fit{height:fit-content}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.max-w-none{max-width:none}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-6xl{font-size:var(--text-6xl)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.leading-tight{line-height:1.25}.leading-snug{line-height:1.375}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-loose{line-height:2}.text-primary-900{color:var(--primary-900)}.text-primary-800{color:var(--primary-800)}.text-primary-700{color:var(--primary-700)}.text-primary-600{color:var(--primary-600)}.text-primary-500{color:var(--primary-500)}.text-accent-600{color:var(--accent-600)}.text-accent-500{color:var(--accent-500)}.text-accent-400{color:var(--accent-400)}.text-neutral-900{color:var(--neutral-900)}.text-neutral-800{color:var(--neutral-800)}.text-neutral-700{color:var(--neutral-700)}.text-neutral-600{color:var(--neutral-600)}.text-neutral-500{color:var(--neutral-500)}.bg-white{background-color:#fff}.bg-primary-50{background-color:var(--primary-50)}.bg-primary-100{background-color:var(--primary-100)}.bg-primary-700{background-color:var(--primary-700)}.bg-primary-800{background-color:var(--primary-800)}.bg-accent-50{background-color:var(--accent-50)}.bg-accent-500{background-color:var(--accent-500)}.bg-accent-600{background-color:var(--accent-600)}.bg-neutral-50{background-color:var(--neutral-50)}.bg-neutral-100{background-color:var(--neutral-100)}.bg-neutral-800{background-color:var(--neutral-800)}.bg-neutral-900{background-color:var(--neutral-900)}.border{border:1px solid var(--neutral-200)}.border-0{border:0}.border-2{border:2px solid var(--neutral-200)}.border-neutral-200{border-color:var(--neutral-200)}.border-neutral-300{border-color:var(--neutral-300)}.border-accent-500{border-color:var(--accent-500)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded,.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow,.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.inset-0{top:0;right:0;bottom:0;left:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.transition{transition:all var(--transition-normal)}.transition-colors{transition:color var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal)}.transition-transform{transition:transform var(--transition-normal)}.duration-150{transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:ease-in}.ease-out{transition-timing-function:ease-out}.ease-in-out{transition-timing-function:ease-in-out}.transform{transform:translate(var(--tw-translate-x, 0)) translateY(var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skew(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23e2e8f0" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3;z-index:1}:root{--primary-900: #0f172a;--primary-800: #1e293b;--primary-700: #334155;--primary-600: #475569;--primary-500: #64748b;--primary-400: #94a3b8;--primary-300: #cbd5e1;--primary-200: #e2e8f0;--primary-100: #f1f5f9;--primary-50: #f8fafc;--accent-900: #7c2d12;--accent-800: #9a3412;--accent-700: #c2410c;--accent-600: #ea580c;--accent-500: #f97316;--accent-400: #fb923c;--accent-300: #fdba74;--accent-200: #fed7aa;--accent-100: #ffedd5;--accent-50: #fff7ed;--success-600: #059669;--success-500: #10b981;--success-400: #34d399;--warning-600: #d97706;--warning-500: #f59e0b;--warning-400: #fbbf24;--error-600: #dc2626;--error-500: #ef4444;--error-400: #f87171;--neutral-900: #111827;--neutral-800: #1f2937;--neutral-700: #374151;--neutral-600: #4b5563;--neutral-500: #6b7280;--neutral-400: #9ca3af;--neutral-300: #d1d5db;--neutral-200: #e5e7eb;--neutral-100: #f3f4f6;--neutral-50: #f9fafb;--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-serif: "Playfair Display", Georgia, serif;--font-family-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--primary-color: var(--primary-700);--accent-color: var(--accent-500);--light-bg: var(--neutral-50);--link-color: var(--primary-600);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family-sans);font-size:var(--text-base);line-height:1.6;color:var(--neutral-800);background:linear-gradient(135deg,var(--neutral-50) 0%,var(--primary-50) 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-serif);font-weight:700;line-height:1.2;color:var(--neutral-900);margin-bottom:var(--space-4)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--space-4);color:var(--neutral-700)}a{color:var(--accent-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-700);text-decoration:underline}:focus-visible{outline:2px solid var(--accent-500);outline-offset:2px}::selection{background-color:var(--accent-200);color:var(--accent-900)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--neutral-100)}::-webkit-scrollbar-thumb{background:var(--neutral-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-500)}.bColor1{background-color:var(--accent-500)}.bColor2{background-color:var(--primary-700)}.bColor3{background-color:var(--primary-600)}.bColor4{background-color:var(--neutral-50)}:root{--text-shadow: 1px 1px 1px var(--primary-color);--img-border: 2px solid var(--primary-color);--img-shadow: 0 0 4px 2px var(--primary-color)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-family-sans);font-weight:600;text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);outline:none;white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:hidden}.btn:focus-visible{outline:2px solid var(--accent-500);outline-offset:2px}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);min-height:2rem}.btn--md{padding:var(--space-3) var(--space-4);font-size:var(--text-base);min-height:2.5rem}.btn--lg{padding:var(--space-4) var(--space-6);font-size:var(--text-lg);min-height:3rem}.btn--xl{padding:var(--space-5) var(--space-8);font-size:var(--text-xl);min-height:3.5rem}.btn--primary{background:linear-gradient(135deg,var(--accent-600) 0%,var(--accent-500) 100%);color:#fff;box-shadow:var(--shadow-md)}.btn--primary:hover:not(.btn--disabled){background:linear-gradient(135deg,var(--accent-700) 0%,var(--accent-600) 100%);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn--primary:active:not(.btn--disabled){transform:translateY(0);box-shadow:var(--shadow-md)}.btn--secondary{background:var(--neutral-100);color:var(--neutral-800);border:1px solid var(--neutral-300)}.btn--secondary:hover:not(.btn--disabled){background:var(--neutral-200);border-color:var(--neutral-400);transform:translateY(-1px)}.btn--outline{background:transparent;color:var(--accent-600);border:2px solid var(--accent-600)}.btn--outline:hover:not(.btn--disabled){background:var(--accent-600);color:#fff;transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--neutral-700);border:none}.btn--ghost:hover:not(.btn--disabled){background:var(--neutral-100);color:var(--neutral-900)}.btn--danger{background:linear-gradient(135deg,var(--error-600) 0%,var(--error-500) 100%);color:#fff;box-shadow:var(--shadow-md)}.btn--danger:hover:not(.btn--disabled){background:linear-gradient(135deg,var(--error-700) 0%,var(--error-600) 100%);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn--success{background:linear-gradient(135deg,var(--success-600) 0%,var(--success-500) 100%);color:#fff;box-shadow:var(--shadow-md)}.btn--success:hover:not(.btn--disabled){background:linear-gradient(135deg,var(--success-700) 0%,var(--success-600) 100%);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn--disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn--loading{cursor:wait}.btn--loading .btn__content--loading{opacity:0}.btn__spinner{position:absolute;display:flex;align-items:center;justify-content:center}.btn__spinner-icon{width:1rem;height:1rem;animation:btn-spin 1s linear infinite}.btn__spinner-circle{stroke-dasharray:31.416;stroke-dashoffset:31.416;animation:btn-dash 2s ease-in-out infinite}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes btn-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.btn__content{display:flex;align-items:center;gap:var(--space-2);transition:opacity var(--transition-fast)}.btn__content--loading{opacity:0;display:flex;align-items:center;gap:var(--space-2);transition:opacity var(--transition-fast)}@media (max-width: 640px){.btn--lg{padding:var(--space-3) var(--space-5);font-size:var(--text-base);min-height:2.75rem}.btn--xl{padding:var(--space-4) var(--space-6);font-size:var(--text-lg);min-height:3rem}}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--neutral-200);transition:all var(--transition-normal)}.header--scrolled{background:#fffffff2;box-shadow:var(--shadow-lg);border-bottom-color:var(--neutral-300)}.header__container{max-width:1200px;margin:0 auto;padding:0 var(--space-4);display:flex;align-items:center;justify-content:space-between;height:4rem}.header__logo{text-decoration:none;color:var(--neutral-900);font-family:var(--font-family-serif);font-size:var(--text-xl);font-weight:700;transition:color var(--transition-fast)}.header__logo:hover{color:var(--accent-600);text-decoration:none}.header__logo-text{background:linear-gradient(135deg,var(--neutral-900) 0%,var(--accent-600) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header__nav--desktop{display:flex;align-items:center;gap:var(--space-8)}.header__nav--mobile{display:none}.header__nav-link{position:relative;color:var(--neutral-700);text-decoration:none;font-weight:500;font-size:var(--text-base);padding:var(--space-2) 0;transition:color var(--transition-fast)}.header__nav-link:hover{color:var(--accent-600);text-decoration:none}.header__nav-link--active{color:var(--accent-600)}.header__nav-link--active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-600) 0%,var(--accent-400) 100%);border-radius:var(--radius-full)}.header__cta--desktop{display:flex;align-items:center;gap:var(--space-3)}.header__cta--mobile{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--neutral-200)}.header__menu-button{display:none;background:none;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.header__menu-button:hover{background:var(--neutral-100)}.header__menu-icon{display:flex;flex-direction:column;width:24px;height:18px;position:relative}.header__menu-icon span{display:block;height:2px;width:100%;background:var(--neutral-700);border-radius:var(--radius-full);transition:all var(--transition-normal);position:absolute}.header__menu-icon span:nth-child(1){top:0}.header__menu-icon span:nth-child(2){top:50%;transform:translateY(-50%)}.header__menu-icon span:nth-child(3){bottom:0}.header__menu-icon--open span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}.header__menu-icon--open span:nth-child(2){opacity:0}.header__menu-icon--open span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}@media (max-width: 768px){.header__nav--desktop,.header__cta--desktop{display:none}.header__menu-button{display:block}.header__nav--mobile{display:block;position:absolute;top:100%;left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--neutral-200);box-shadow:var(--shadow-xl);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.header__nav--mobile-open{transform:translateY(0);opacity:1;visibility:visible}.header__nav-content{padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.header__nav-link{font-size:var(--text-lg);padding:var(--space-3) 0;border-bottom:1px solid var(--neutral-100)}.header__nav-link:last-of-type{border-bottom:none}.header__nav-link--active:after{display:none}.header__nav-link--active{background:var(--accent-50);padding-left:var(--space-4);margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4));padding-right:var(--space-4);border-radius:var(--radius-lg)}}@media (max-width: 480px){.header__container{padding:0 var(--space-3)}.header__logo{font-size:var(--text-lg)}.header__nav-content{padding:var(--space-4) var(--space-3)}}.footer{background:var(--neutral-900);color:var(--neutral-100);padding:var(--space-12) 0 var(--space-6);margin-top:auto}.footer__container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4)}.footer__content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8);margin-bottom:var(--space-8)}.footer__section h3{color:var(--primary-400);margin-bottom:var(--space-4);font-size:var(--text-lg);font-weight:600}.footer__section p{color:var(--neutral-300);line-height:1.6;margin-bottom:var(--space-3)}.footer__links{list-style:none;padding:0;margin:0}.footer__links li{margin-bottom:var(--space-2)}.footer__links a{color:var(--neutral-300);text-decoration:none;transition:color var(--transition-normal)}.footer__links a:hover{color:var(--primary-400)}.footer__social{display:flex;gap:var(--space-4);margin-top:var(--space-4)}.footer__social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--neutral-800);color:var(--neutral-300);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-normal)}.footer__social a:hover{background:var(--primary-600);color:#fff;transform:translateY(-2px)}.footer__bottom{border-top:1px solid var(--neutral-800);padding-top:var(--space-6)}.footer__bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.footer__copyright{color:var(--neutral-400);font-size:var(--text-sm);margin:0}.footer__bottom-links{display:flex;gap:var(--space-6)}.footer__bottom-link{color:var(--neutral-400);text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-normal)}.footer__bottom-link:hover{color:var(--primary-400)}@media (max-width: 768px){.footer{padding:var(--space-8) 0 var(--space-4)}.footer__content{grid-template-columns:1fr;gap:var(--space-6)}.footer__social{justify-content:center}.footer__bottom-content{flex-direction:column;text-align:center;gap:var(--space-3)}.footer__bottom-links{gap:var(--space-4)}}.layout{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--neutral-50) 0%,var(--primary-50) 100%)}.layout__main{flex:1;display:flex;flex-direction:column;padding-top:var(--space-20)}@media (max-width: 768px){.layout__main{padding-top:var(--space-16)}}.hero{min-height:100vh;display:flex;align-items:center;position:relative;background:linear-gradient(135deg,var(--neutral-50) 0%,var(--primary-50) 50%,var(--accent-50) 100%);overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23e2e8f0" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3;z-index:1}.hero__container{max-width:1200px;margin:0 auto;padding:0 var(--space-4);position:relative;z-index:2;width:100%}.hero__content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;min-height:80vh}.hero__text{opacity:0;transform:translateY(30px);transition:all .8s ease}.hero--visible .hero__text{opacity:1;transform:translateY(0)}.hero__greeting{margin-bottom:var(--space-4)}.hero__greeting-text{font-size:var(--text-lg);color:var(--accent-600);font-weight:600;text-transform:uppercase;letter-spacing:.1em}.hero__title{margin-bottom:var(--space-6);line-height:1.1}.hero__title-name{display:block;font-size:var(--text-5xl);font-weight:800;color:var(--neutral-900);margin-bottom:var(--space-2)}.hero__title-role{display:block;font-size:var(--text-3xl);font-weight:600;background:linear-gradient(135deg,var(--accent-600) 0%,var(--primary-600) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero__description{font-size:var(--text-lg);color:var(--neutral-600);line-height:1.7;margin-bottom:var(--space-8);max-width:500px}.hero__skills{margin-bottom:var(--space-10)}.hero__skills-label{display:block;font-size:var(--text-sm);color:var(--neutral-500);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.hero__skills-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.hero__skill-tag{padding:var(--space-2) var(--space-3);background:var(--accent-100);color:var(--accent-700);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.hero__actions{display:flex;gap:var(--space-4);flex-wrap:wrap}.hero__visual{position:relative;display:flex;justify-content:center;align-items:center;opacity:0;transform:translate(30px);transition:all .8s ease .2s}.hero--visible .hero__visual{opacity:1;transform:translate(0)}.hero__avatar{position:relative;z-index:2}.hero__avatar-image{width:300px;height:300px;border-radius:50%;overflow:hidden;border:4px solid white;box-shadow:var(--shadow-2xl);position:relative;z-index:2}.hero__avatar-img{width:100%;height:100%;object-fit:cover}.hero__avatar-decoration{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;border:2px solid var(--accent-300);border-radius:50%;z-index:1;animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero__floating-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.hero__floating-element{position:absolute;width:60px;height:60px;background:var(--accent-500);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-lg);animation:float 6s ease-in-out infinite;z-index:10}.hero__floating-element svg{width:24px;height:24px}.hero__floating-element--1{top:20%;left:10%;animation-delay:0s}.hero__floating-element--2{top:60%;right:20%;animation-delay:2s}.hero__floating-element--3{bottom:30%;left:20%;animation-delay:4s}.hero__scroll-indicator{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);opacity:0;animation:fadeIn 1s ease 1.5s forwards}@keyframes fadeIn{to{opacity:1}}.hero__scroll-mouse{width:24px;height:40px;border:2px solid var(--neutral-400);border-radius:12px;position:relative}.hero__scroll-wheel{width:4px;height:8px;background:var(--neutral-400);border-radius:2px;position:absolute;top:6px;left:50%;transform:translate(-50%);animation:scroll 2s ease-in-out infinite}@keyframes scroll{0%{transform:translate(-50%) translateY(0);opacity:1}50%{transform:translate(-50%) translateY(12px);opacity:.5}to{transform:translate(-50%) translateY(0);opacity:1}}.hero__scroll-text{font-size:var(--text-xs);color:var(--neutral-500);text-transform:uppercase;letter-spacing:.1em}@media (max-width: 1024px){.hero__content{gap:var(--space-12)}.hero__title-name{font-size:var(--text-4xl)}.hero__title-role{font-size:var(--text-2xl)}.hero__avatar-image{width:250px;height:250px}}@media (max-width: 768px){.hero__content{grid-template-columns:1fr;gap:var(--space-8);text-align:center}.hero__visual{order:-1}.hero__title-name{font-size:var(--text-3xl)}.hero__title-role{font-size:var(--text-xl)}.hero__description{max-width:none}.hero__actions{justify-content:center}.hero__avatar-image{width:200px;height:200px}.hero__floating-elements{display:none}}@media (max-width: 480px){.hero__container{padding:0 var(--space-3)}.hero__title-name{font-size:var(--text-2xl)}.hero__description{font-size:var(--text-base)}.hero__actions{flex-direction:column;align-items:center}.hero__avatar-image{width:150px;height:150px}}.card{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--neutral-200);transition:all var(--transition-normal);overflow:hidden;position:relative}.card--default{background:#fff;border-color:var(--neutral-200)}.card--elevated{background:#fff;border:none;box-shadow:var(--shadow-lg)}.card--outlined{background:#fff;border:2px solid var(--neutral-300)}.card--glass{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.card--gradient{background:linear-gradient(135deg,var(--primary-50) 0%,var(--accent-50) 100%);border:1px solid var(--accent-200)}.card--padding-none{padding:0}.card--padding-sm{padding:var(--space-3)}.card--padding-md{padding:var(--space-6)}.card--padding-lg{padding:var(--space-8)}.card--padding-xl{padding:var(--space-10)}.card--shadow-none{box-shadow:none}.card--shadow-sm{box-shadow:var(--shadow-sm)}.card--shadow-md{box-shadow:var(--shadow-md)}.card--shadow-lg{box-shadow:var(--shadow-lg)}.card--shadow-xl{box-shadow:var(--shadow-xl)}.card--hover{cursor:pointer}.card--hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--accent-300)}.card--hover:active{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.card__header{padding:var(--space-6) var(--space-6) 0 var(--space-6);border-bottom:1px solid var(--neutral-200);margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.card__body{flex:1}.card__footer{padding:var(--space-4) var(--space-6) var(--space-6) var(--space-6);border-top:1px solid var(--neutral-200);margin-top:var(--space-6);padding-top:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.card__title{font-family:var(--font-family-serif);font-size:var(--text-xl);font-weight:700;color:var(--neutral-900);margin:0 0 var(--space-2) 0;line-height:1.3}.card__description{font-size:var(--text-base);color:var(--neutral-600);line-height:1.6;margin:0}.card--padding-none .card__header{padding:var(--space-6);margin-bottom:0}.card--padding-none .card__footer{padding:var(--space-6);margin-top:0}.card--padding-sm .card__header{padding:var(--space-3) var(--space-3) 0 var(--space-3);margin-bottom:var(--space-3)}.card--padding-sm .card__footer{padding:var(--space-2) var(--space-3) var(--space-3) var(--space-3);margin-top:var(--space-3)}.card--padding-lg .card__header{padding:var(--space-8) var(--space-8) 0 var(--space-8);margin-bottom:var(--space-8)}.card--padding-lg .card__footer{padding:var(--space-6) var(--space-8) var(--space-8) var(--space-8);margin-top:var(--space-8)}@media (max-width: 640px){.card--padding-md{padding:var(--space-4)}.card--padding-lg{padding:var(--space-6)}.card--padding-xl{padding:var(--space-8)}.card__header{padding:var(--space-4) var(--space-4) 0 var(--space-4);margin-bottom:var(--space-4)}.card__footer{padding:var(--space-3) var(--space-4) var(--space-4) var(--space-4);margin-top:var(--space-4);flex-direction:column;align-items:stretch}.card__title{font-size:var(--text-lg)}.card__description{font-size:var(--text-sm)}}.iframe-preview{position:relative;width:100%;height:250px;border-radius:var(--radius-lg);overflow:hidden;background:var(--neutral-100);cursor:pointer}.iframe-preview__frame{width:100%;height:100%;border:none;border-radius:var(--radius-lg);pointer-events:none;transform:scale(.8);transform-origin:top left;transition:transform var(--transition-normal)}.iframe-preview__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal);border-radius:var(--radius-lg)}.iframe-preview:hover .iframe-preview__overlay{opacity:1}.iframe-preview:hover .iframe-preview__frame{transform:scale(.85)}.iframe-preview__overlay-content{text-align:center;color:#fff}.iframe-preview__overlay-text{display:block;font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-1)}.iframe-preview__overlay-subtitle{display:block;font-size:var(--text-sm);opacity:.8}@media (max-width: 768px){.iframe-preview{height:200px}.iframe-preview__frame{transform:scale(.7)}.iframe-preview:hover .iframe-preview__frame{transform:scale(.75)}}@media (max-width: 480px){.iframe-preview{height:180px}.iframe-preview__frame{transform:scale(.6)}.iframe-preview:hover .iframe-preview__frame{transform:scale(.65)}}.featured-projects{padding:var(--space-24) 0;background:#fff}.featured-projects__container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.featured-projects__header{text-align:center;margin-bottom:var(--space-16)}.featured-projects__title{font-size:var(--text-4xl);color:var(--neutral-900);margin-bottom:var(--space-4)}.featured-projects__description{font-size:var(--text-lg);color:var(--neutral-600);max-width:600px;margin:0 auto}.featured-projects__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8);margin-bottom:var(--space-16)}.featured-projects__card{opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease forwards;overflow:hidden}.featured-projects__card-image{position:relative;height:250px;overflow:hidden}.featured-projects__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.featured-projects__iframe-link{display:block;width:100%;height:100%;text-decoration:none}.featured-projects__iframe{width:100%;height:100%}.featured-projects__card:hover .featured-projects__image{transform:scale(1.05)}.featured-projects__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.featured-projects__card:hover .featured-projects__overlay{opacity:1}.featured-projects__links{display:flex;gap:var(--space-3)}.featured-projects__links a{color:inherit;text-decoration:none}.featured-projects__card-content{padding:var(--space-6)}.featured-projects__card-title{font-size:var(--text-xl);color:var(--neutral-900);margin:0 0 var(--space-3) 0;font-family:var(--font-family-serif)}.featured-projects__card-description{color:var(--neutral-600);line-height:1.6;margin-bottom:var(--space-4)}.featured-projects__tech{display:flex;flex-wrap:wrap;gap:var(--space-2)}.featured-projects__tech-tag{padding:var(--space-1) var(--space-3);background:var(--accent-100);color:var(--accent-700);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.featured-projects__cta{text-align:center}.featured-projects__cta>a{color:inherit;text-decoration:none}@media (max-width: 768px){.featured-projects{padding:var(--space-16) 0}.featured-projects__title{font-size:var(--text-3xl)}.featured-projects__description{font-size:var(--text-base)}.featured-projects__grid{grid-template-columns:1fr;gap:var(--space-6)}.featured-projects__card-image{height:200px}.featured-projects__overlay{opacity:1;background:#0009}.featured-projects__links{flex-direction:column;align-items:center}}@media (max-width: 480px){.featured-projects__container{padding:0 var(--space-3)}.featured-projects__header{margin-bottom:var(--space-12)}.featured-projects__title{font-size:var(--text-2xl)}.featured-projects__grid{gap:var(--space-4)}.featured-projects__card-content{padding:var(--space-4)}.featured-projects__card-title{font-size:var(--text-lg)}.featured-projects__card-description{font-size:var(--text-sm)}}.skills{padding:var(--space-24) 0;background:var(--neutral-50)}.skills__container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.skills__header{text-align:center;margin-bottom:var(--space-16)}.skills__title{font-size:var(--text-4xl);color:var(--neutral-900);margin-bottom:var(--space-4)}.skills__description{font-size:var(--text-lg);color:var(--neutral-600);max-width:600px;margin:0 auto}.skills__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-bottom:var(--space-16)}.skills__card{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease forwards}.skills__card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.skills__card-icon{font-size:var(--text-2xl);width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:var(--accent-100);border-radius:var(--radius-xl)}.skills__card-title{font-size:var(--text-xl);color:var(--neutral-900);margin:0}.skills__card-content{display:flex;flex-wrap:wrap;gap:var(--space-2)}.skills__tag{padding:var(--space-2) var(--space-3);background:var(--primary-100);color:var(--primary-700);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast)}.skills__tag:hover{background:var(--primary-200);transform:translateY(-1px)}.skills__stats{display:flex;justify-content:center;gap:var(--space-12);padding:var(--space-8);background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.skills__stat{text-align:center}.skills__stat-number{display:block;font-size:var(--text-4xl);font-weight:800;color:var(--accent-600);font-family:var(--font-family-serif)}.skills__stat-label{display:block;font-size:var(--text-sm);color:var(--neutral-600);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-1)}@media (max-width: 768px){.skills{padding:var(--space-16) 0}.skills__title{font-size:var(--text-3xl)}.skills__description{font-size:var(--text-base)}.skills__grid{grid-template-columns:1fr;gap:var(--space-4)}.skills__stats{flex-direction:column;gap:var(--space-6);padding:var(--space-6)}.skills__stat-number{font-size:var(--text-3xl)}}@media (max-width: 480px){.skills__container{padding:0 var(--space-3)}.skills__header{margin-bottom:var(--space-12)}.skills__title{font-size:var(--text-2xl)}.skills__card-header{flex-direction:column;text-align:center;gap:var(--space-2)}.skills__card-title{font-size:var(--text-lg)}.skills__stats{gap:var(--space-4);padding:var(--space-4)}}.cta{padding:var(--space-24) 0;background:linear-gradient(135deg,var(--primary-700) 0%,var(--primary-800) 50%,var(--neutral-900) 100%);color:#fff;position:relative;overflow:hidden}.cta__container{max-width:1200px;margin:0 auto;padding:0 var(--space-4);position:relative;z-index:2}.cta__content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.cta__title{font-size:var(--text-4xl);color:#fff;margin-bottom:var(--space-6);font-family:var(--font-family-serif)}.cta__description{font-size:var(--text-lg);color:var(--neutral-200);line-height:1.7;margin-bottom:var(--space-8)}.cta__features{display:flex;flex-direction:column;gap:var(--space-4)}.cta__feature{display:flex;align-items:flex-start;gap:var(--space-3)}.cta__feature-icon{font-size:var(--text-xl);width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:var(--accent-600);border-radius:var(--radius-xl);flex-shrink:0}.cta__feature-text h3{font-size:var(--text-lg);color:#fff;margin:0 0 var(--space-1) 0;font-weight:600}.cta__feature-text p{font-size:var(--text-base);color:var(--neutral-300);margin:0;line-height:1.5}.cta__actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.cta__actions>a{width:100%;max-width:300px;text-decoration:none}.cta__primary-button,.cta__secondary-button{width:100%}.cta__contact-info{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--neutral-600)}.cta__contact-text{color:var(--neutral-300);font-size:var(--text-base);margin:0}.cta__email{color:var(--accent-400);text-decoration:none;font-weight:600;transition:color var(--transition-fast)}.cta__email:hover{color:var(--accent-300);text-decoration:underline}.cta__decoration{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.cta__decoration-circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,var(--accent-500) 0%,var(--accent-600) 100%);opacity:.1;animation:float 8s ease-in-out infinite}.cta__decoration-circle--1{width:200px;height:200px;top:10%;right:10%;animation-delay:0s}.cta__decoration-circle--2{width:150px;height:150px;bottom:20%;left:5%;animation-delay:2s}.cta__decoration-circle--3{width:100px;height:100px;top:60%;right:30%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@media (max-width: 1024px){.cta__content{gap:var(--space-12)}.cta__title{font-size:var(--text-3xl)}.cta__description{font-size:var(--text-base)}}@media (max-width: 768px){.cta{padding:var(--space-16) 0}.cta__content{grid-template-columns:1fr;gap:var(--space-8);text-align:center}.cta__title{font-size:var(--text-2xl)}.cta__features{align-items:center}.cta__feature{flex-direction:column;text-align:center;max-width:300px}.cta__feature-text h3{font-size:var(--text-base)}.cta__feature-text p{font-size:var(--text-sm)}.cta__decoration-circle--1{width:150px;height:150px}.cta__decoration-circle--2{width:100px;height:100px}.cta__decoration-circle--3{width:80px;height:80px}}@media (max-width: 480px){.cta__container{padding:0 var(--space-3)}.cta__title{font-size:var(--text-xl)}.cta__description{font-size:var(--text-sm)}.cta__features{gap:var(--space-3)}.cta__feature-icon{width:2.5rem;height:2.5rem;font-size:var(--text-lg)}.cta__actions{gap:var(--space-3)}.cta__primary-button,.cta__secondary-button{max-width:none}}.about-hero{padding:var(--space-24) 0 var(--space-16) 0;background:linear-gradient(135deg,var(--neutral-50) 0%,var(--primary-50) 100%);min-height:80vh;display:flex;align-items:center}.about-hero__container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.about-hero__content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.about-hero__title{font-size:var(--text-5xl);color:var(--neutral-900);margin-bottom:var(--space-4);font-family:var(--font-family-serif)}.about-hero__subtitle{font-size:var(--text-xl);color:var(--accent-600);font-weight:600;margin-bottom:var(--space-6);text-transform:uppercase;letter-spacing:.05em}.about-hero__description{font-size:var(--text-lg);color:var(--neutral-700);line-height:1.7;margin-bottom:var(--space-8)}.about-hero__image{position:relative;display:flex;flex-direction:column;align-items:center}.about-hero__image-wrapper{position:relative;width:300px;height:400px;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-2xl);margin-bottom:var(--space-8)}.about-hero__img{width:100%;height:100%;object-fit:cover}.about-hero__stats{display:flex;gap:var(--space-6);background:#fff;padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.about-hero__stat{text-align:center}.about-hero__stat-number{display:block;font-size:var(--text-2xl);font-weight:800;color:var(--accent-600);font-family:var(--font-family-serif)}.about-hero__stat-label{display:block;font-size:var(--text-xs);color:var(--neutral-600);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-1)}@media (max-width: 768px){.about-hero{padding:var(--space-16) 0;min-height:auto}.about-hero__content{grid-template-columns:1fr;gap:var(--space-8);text-align:center}.about-hero__image{order:-1}.about-hero__title{font-size:var(--text-3xl)}.about-hero__subtitle{font-size:var(--text-lg)}.about-hero__description{font-size:var(--text-base)}.about-hero__image-wrapper{width:250px;height:320px}.about-hero__stats{flex-direction:column;gap:var(--space-4);padding:var(--space-4)}}@media (max-width: 480px){.about-hero__container{padding:0 var(--space-3)}.about-hero__title{font-size:var(--text-2xl)}.about-hero__image-wrapper{width:200px;height:260px}.about-hero__stats{gap:var(--space-3);padding:var(--space-3)}.about-hero__stat-number{font-size:var(--text-xl)}}.about-story{padding:var(--space-24) 0;background:#fff}.about-story__container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.about-story__section{margin-bottom:var(--space-20)}.about-story__section--values{background:var(--neutral-50);padding:var(--space-16);border-radius:var(--radius-3xl);margin-bottom:0}.about-story__header{text-align:center;margin-bottom:var(--space-16)}.about-story__title{font-size:var(--text-4xl);color:var(--neutral-900);margin-bottom:var(--space-4);font-family:var(--font-family-serif)}.about-story__description{font-size:var(--text-lg);color:var(--neutral-600);max-width:600px;margin:0 auto}.about-story__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.about-story__card{text-align:center;opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease forwards}.about-story__card-icon{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.about-story__card-title{font-size:var(--text-xl);color:var(--neutral-900);margin:0 0 var(--space-3) 0;font-family:var(--font-family-serif)}.about-story__card-description{color:var(--neutral-600);line-height:1.6;margin-bottom:var(--space-4)}.about-story__card-highlight{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--accent-100);color:var(--accent-700);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.about-story__values{display:flex;flex-direction:column;gap:var(--space-8)}.about-story__value{display:flex;align-items:flex-start;gap:var(--space-6);opacity:0;transform:translate(-30px);animation:slideInLeft .8s ease forwards}.about-story__value-icon{font-size:var(--text-3xl);width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:var(--primary-100);border-radius:var(--radius-2xl);flex-shrink:0}.about-story__value-content{flex:1}.about-story__value-title{font-size:var(--text-xl);color:var(--neutral-900);margin:0 0 var(--space-2) 0;font-family:var(--font-family-serif)}.about-story__value-description{color:var(--neutral-600);line-height:1.6;margin:0}@media (max-width: 768px){.about-story{padding:var(--space-16) 0}.about-story__section{margin-bottom:var(--space-16)}.about-story__section--values{padding:var(--space-8)}.about-story__title{font-size:var(--text-3xl)}.about-story__description{font-size:var(--text-base)}.about-story__grid{grid-template-columns:1fr;gap:var(--space-4)}.about-story__value{flex-direction:column;text-align:center;gap:var(--space-4)}.about-story__value-icon{align-self:center}}@media (max-width: 480px){.about-story__container{padding:0 var(--space-3)}.about-story__header{margin-bottom:var(--space-12)}.about-story__title{font-size:var(--text-2xl)}.about-story__section--values{padding:var(--space-6)}.about-story__card-title,.about-story__value-title{font-size:var(--text-lg)}.about-story__value-description{font-size:var(--text-sm)}}.about-timeline{padding:var(--space-24) 0;background:linear-gradient(135deg,var(--primary-50) 0%,var(--neutral-50) 100%)}.about-timeline__container{max-width:800px;margin:0 auto;padding:0 var(--space-4)}.about-timeline__header{text-align:center;margin-bottom:var(--space-16)}.about-timeline__title{font-size:var(--text-4xl);color:var(--neutral-900);margin-bottom:var(--space-4);font-family:var(--font-family-serif)}.about-timeline__description{font-size:var(--text-lg);color:var(--neutral-600);max-width:600px;margin:0 auto}.timeline{position:relative;padding:var(--space-8) 0}.timeline__line{position:absolute;left:2rem;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--accent-300),var(--primary-300))}.timeline-item{position:relative;display:flex;align-items:flex-start;margin-bottom:var(--space-12);opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease forwards}.timeline-item__marker{position:relative;z-index:2;width:4rem;height:4rem;background:#fff;border:3px solid var(--accent-500);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:var(--space-6);flex-shrink:0;box-shadow:var(--shadow-lg)}.timeline-item__icon{font-size:var(--text-xl)}.timeline-item__content{background:#fff;padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);flex:1;border-left:4px solid var(--accent-500);transition:all var(--transition-normal)}.timeline-item__content:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.timeline-item__year{font-size:var(--text-sm);color:var(--accent-600);font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2)}.timeline-item__title{font-size:var(--text-xl);color:var(--neutral-900);margin:0 0 var(--space-1) 0;font-family:var(--font-family-serif)}.timeline-item__company{font-size:var(--text-base);color:var(--primary-600);font-weight:600;margin-bottom:var(--space-3)}.timeline-item__description{color:var(--neutral-600);line-height:1.6;margin:0}.timeline-item--education .timeline-item__marker{border-color:var(--success-500)}.timeline-item--education .timeline-item__content{border-left-color:var(--success-500)}.timeline-item--work .timeline-item__marker{border-color:var(--primary-500)}.timeline-item--work .timeline-item__content{border-left-color:var(--primary-500)}.timeline-item--learning .timeline-item__marker{border-color:var(--accent-500)}.timeline-item--learning .timeline-item__content{border-left-color:var(--accent-500)}.timeline-item--future .timeline-item__marker{border-color:var(--warning-500);background:linear-gradient(135deg,var(--warning-100) 0%,var(--warning-200) 100%)}.timeline-item--future .timeline-item__content{border-left-color:var(--warning-500);background:linear-gradient(135deg,var(--warning-50) 0%,white 100%)}@media (max-width: 768px){.about-timeline{padding:var(--space-16) 0}.about-timeline__title{font-size:var(--text-3xl)}.about-timeline__description{font-size:var(--text-base)}.timeline__line{left:1.5rem}.timeline-item{margin-bottom:var(--space-8)}.timeline-item__marker{width:3rem;height:3rem;margin-right:var(--space-4)}.timeline-item__icon{font-size:var(--text-lg)}.timeline-item__content{padding:var(--space-4)}.timeline-item__title{font-size:var(--text-lg)}.timeline-item__company,.timeline-item__description{font-size:var(--text-sm)}}@media (max-width: 480px){.about-timeline__container{padding:0 var(--space-3)}.about-timeline__title{font-size:var(--text-2xl)}.timeline{padding:var(--space-4) 0}.timeline__line{left:1.25rem}.timeline-item__marker{width:2.5rem;height:2.5rem;margin-right:var(--space-3)}.timeline-item__icon{font-size:var(--text-base)}.timeline-item__content{padding:var(--space-3)}}.contact-hero{padding:var(--space-24) 0 var(--space-16) 0;background:linear-gradient(135deg,var(--neutral-50) 0%,var(--primary-50) 100%);min-height:80vh;display:flex;align-items:center}.contact-hero__container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.contact-hero__content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.contact-hero__title{font-size:var(--text-5xl);color:var(--neutral-900);margin-bottom:var(--space-4);font-family:var(--font-family-serif)}.contact-hero__subtitle{font-size:var(--text-xl);color:var(--accent-600);font-weight:600;margin-bottom:var(--space-6);text-transform:uppercase;letter-spacing:.05em}.contact-hero__description{font-size:var(--text-lg);color:var(--neutral-700);line-height:1.7;margin-bottom:var(--space-8)}.contact-hero__quick-actions{display:flex;gap:var(--space-4);flex-wrap:wrap}.contact-hero__cta-button{display:inline-flex;align-items:center;padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);font-weight:600;text-decoration:none;transition:all var(--transition-normal);font-size:var(--text-base)}.contact-hero__cta-button--primary{background:var(--accent-600);color:#fff;box-shadow:var(--shadow-lg)}.contact-hero__cta-button--primary:hover{background:var(--accent-700);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.contact-hero__cta-button--secondary{background:#fff;color:var(--neutral-700);border:2px solid var(--neutral-200);box-shadow:var(--shadow-md)}.contact-hero__cta-button--secondary:hover{background:var(--neutral-50);border-color:var(--accent-300);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.contact-hero__visual{position:relative;display:flex;justify-content:center;align-items:center;height:400px}.contact-hero__floating-elements{position:relative;width:300px;height:300px}.contact-hero__floating-element{position:absolute;width:4rem;height:4rem;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);box-shadow:var(--shadow-lg);animation:float 6s ease-in-out infinite}.contact-hero__floating-element--1{top:20%;left:10%;animation-delay:0s}.contact-hero__floating-element--2{top:10%;right:20%;animation-delay:1.5s}.contact-hero__floating-element--3{bottom:30%;left:20%;animation-delay:3s}.contact-hero__floating-element--4{bottom:20%;right:10%;animation-delay:4.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width: 768px){.contact-hero{padding:var(--space-16) 0;min-height:auto}.contact-hero__content{grid-template-columns:1fr;gap:var(--space-8);text-align:center}.contact-hero__visual{order:-1;height:250px}.contact-hero__floating-elements{width:200px;height:200px}.contact-hero__floating-element{width:3rem;height:3rem;font-size:var(--text-xl)}.contact-hero__title{font-size:var(--text-3xl)}.contact-hero__subtitle{font-size:var(--text-lg)}.contact-hero__description{font-size:var(--text-base)}.contact-hero__quick-actions{justify-content:center}}@media (max-width: 480px){.contact-hero__container{padding:0 var(--space-3)}.contact-hero__title{font-size:var(--text-2xl)}.contact-hero__quick-actions{flex-direction:column;align-items:center}.contact-hero__cta-button{width:100%;max-width:250px;justify-content:center}.contact-hero__visual{height:200px}.contact-hero__floating-elements{width:150px;height:150px}.contact-hero__floating-element{width:2.5rem;height:2.5rem;font-size:var(--text-lg)}}.contact-info{padding:var(--space-24) 0;background:#fff}.contact-info__container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.contact-info__section{margin-bottom:var(--space-20)}.contact-info__section--opportunities{background:var(--neutral-50);padding:var(--space-16);border-radius:var(--radius-3xl);margin-bottom:var(--space-16)}.contact-info__header{text-align:center;margin-bottom:var(--space-16)}.contact-info__title{font-size:var(--text-4xl);color:var(--neutral-900);margin-bottom:var(--space-4);font-family:var(--font-family-serif)}.contact-info__description{font-size:var(--text-lg);color:var(--neutral-600);max-width:600px;margin:0 auto}.contact-info__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.contact-info__card{text-align:center;opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease forwards;transition:all var(--transition-normal)}.contact-info__card-icon{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.contact-info__card-title{font-size:var(--text-xl);color:var(--neutral-900);margin:0 0 var(--space-3) 0;font-family:var(--font-family-serif)}.contact-info__card-value{display:block;font-size:var(--text-lg);color:var(--neutral-700);margin-bottom:var(--space-3);font-weight:600}.contact-info__card-value--link{color:var(--accent-600);text-decoration:none;transition:color var(--transition-normal)}.contact-info__card-value--link:hover{color:var(--accent-700);text-decoration:underline}.contact-info__card-description{color:var(--neutral-600);line-height:1.6;margin:0;font-size:var(--text-sm)}.contact-info__opportunities{display:flex;flex-direction:column;gap:var(--space-8)}.contact-info__opportunity{display:flex;align-items:flex-start;gap:var(--space-6);opacity:0;transform:translate(-30px);animation:slideInLeft .8s ease forwards}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}.contact-info__opportunity-icon{font-size:var(--text-3xl);width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:var(--primary-100);border-radius:var(--radius-2xl);flex-shrink:0}.contact-info__opportunity-content{flex:1}.contact-info__opportunity-title{font-size:var(--text-xl);color:var(--neutral-900);margin:0 0 var(--space-2) 0;font-family:var(--font-family-serif)}.contact-info__opportunity-description{color:var(--neutral-600);line-height:1.6;margin:0}.contact-info__footer{display:flex;justify-content:center}.contact-info__response-card{max-width:600px;background:linear-gradient(135deg,var(--accent-50) 0%,var(--primary-50) 100%);border:2px solid var(--accent-200)}.contact-info__response-content{display:flex;align-items:center;gap:var(--space-4);text-align:left}.contact-info__response-icon{font-size:var(--text-3xl);flex-shrink:0}.contact-info__response-title{font-size:var(--text-xl);color:var(--neutral-900);margin:0 0 var(--space-2) 0;font-family:var(--font-family-serif)}.contact-info__response-text{color:var(--neutral-700);line-height:1.6;margin:0}@media (max-width: 768px){.contact-info{padding:var(--space-16) 0}.contact-info__section{margin-bottom:var(--space-16)}.contact-info__section--opportunities{padding:var(--space-8);margin-bottom:var(--space-12)}.contact-info__title{font-size:var(--text-3xl)}.contact-info__description{font-size:var(--text-base)}.contact-info__grid{grid-template-columns:1fr;gap:var(--space-4)}.contact-info__opportunity{flex-direction:column;text-align:center;gap:var(--space-4)}.contact-info__opportunity-icon{align-self:center}.contact-info__response-content{flex-direction:column;text-align:center;gap:var(--space-3)}}@media (max-width: 480px){.contact-info__container{padding:0 var(--space-3)}.contact-info__title{font-size:var(--text-2xl)}.contact-info__header{margin-bottom:var(--space-12)}.contact-info__section--opportunities{padding:var(--space-6)}.contact-info__card-title,.contact-info__opportunity-title,.contact-info__response-title{font-size:var(--text-lg)}}._mainContainer_i4d06_5{margin:0 auto;padding:0;width:80%}._containers_i4d06_17{margin:2rem 0;border-radius:12px;padding:2rem;box-shadow:0 4px 10px #0000000d;box-sizing:border-box;width:80%;margin:30px auto}h1{font-size:1.8rem;color:#1e293b;border-bottom:2px solid #cbd5e1;padding-bottom:.5rem;margin-bottom:1.2rem}h2{font-size:1.3rem;color:#334155;margin:.5rem 0}._bold_i4d06_67{font-weight:700;color:#0f172a}._description_i4d06_77,p{color:#475569;font-size:1rem;line-height:1.6;margin:.5rem 0 1rem}ul{list-style-type:disc;padding-left:1.5rem;color:#475569;line-height:1.7;margin-bottom:1rem}li{margin-bottom:.6rem}@media (max-width: 768px){._mainContainer_i4d06_5,._containers_i4d06_17{padding:1.5rem}h1{font-size:1.5rem}h2{font-size:1.1rem}p,ul{font-size:.95rem}}._linkList_i4d06_161{list-style:none;padding:0;margin:0}._linkList_i4d06_161 li{margin-bottom:.5rem}._linkList_i4d06_161 a{color:#1d4ed8;text-decoration:none;font-weight:500;transition:all .2s ease}._linkList_i4d06_161 a:hover{color:#2563eb;text-decoration:underline}.portfolio-hero{padding:var(--space-24) 0 var(--space-16) 0;background:linear-gradient(135deg,var(--neutral-50) 0%,var(--primary-50) 100%);min-height:80vh;display:flex;align-items:center}.portfolio-hero__container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.portfolio-hero__content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.portfolio-hero__title{font-size:var(--text-5xl);color:var(--neutral-900);margin-bottom:var(--space-4);font-family:var(--font-family-serif)}.portfolio-hero__subtitle{font-size:var(--text-xl);color:var(--accent-600);font-weight:600;margin-bottom:var(--space-6);text-transform:uppercase;letter-spacing:.05em}.portfolio-hero__description{font-size:var(--text-lg);color:var(--neutral-700);line-height:1.7;margin-bottom:var(--space-8)}.portfolio-hero__stats{display:flex;gap:var(--space-8);padding:var(--space-6);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.portfolio-hero__stat{text-align:center}.portfolio-hero__stat-number{display:block;font-size:var(--text-2xl);font-weight:800;color:var(--accent-600);font-family:var(--font-family-serif)}.portfolio-hero__stat-label{display:block;font-size:var(--text-xs);color:var(--neutral-600);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-1)}.portfolio-hero__visual{display:flex;justify-content:center;align-items:center}.portfolio-hero__code-window{background:var(--neutral-900);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);overflow:hidden;width:100%;max-width:400px}.portfolio-hero__code-header{background:var(--neutral-800);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.portfolio-hero__code-dots{display:flex;gap:var(--space-2)}.portfolio-hero__code-dots span{width:12px;height:12px;border-radius:50%}.portfolio-hero__code-dots span:nth-child(1){background:#ff5f57}.portfolio-hero__code-dots span:nth-child(2){background:#ffbd2e}.portfolio-hero__code-dots span:nth-child(3){background:#28ca42}.portfolio-hero__code-title{color:var(--neutral-300);font-size:var(--text-sm);font-family:var(--font-family-mono)}.portfolio-hero__code-content{padding:var(--space-6);font-family:var(--font-family-mono);font-size:var(--text-sm);line-height:1.6}.portfolio-hero__code-line{margin-bottom:var(--space-2)}.portfolio-hero__code-line--indent{padding-left:var(--space-4)}.portfolio-hero__code-keyword{color:#ff79c6}.portfolio-hero__code-variable{color:#8be9fd}.portfolio-hero__code-operator{color:#ff79c6}.portfolio-hero__code-string{color:#f1fa8c}.portfolio-hero__code-punctuation{color:#f8f8f2}@media (max-width: 768px){.portfolio-hero{padding:var(--space-16) 0;min-height:auto}.portfolio-hero__content{grid-template-columns:1fr;gap:var(--space-8);text-align:center}.portfolio-hero__visual{order:-1}.portfolio-hero__title{font-size:var(--text-3xl)}.portfolio-hero__subtitle{font-size:var(--text-lg)}.portfolio-hero__description{font-size:var(--text-base)}.portfolio-hero__stats{flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.portfolio-hero__code-window{max-width:350px}}@media (max-width: 480px){.portfolio-hero__container{padding:0 var(--space-3)}.portfolio-hero__title{font-size:var(--text-2xl)}.portfolio-hero__stats{gap:var(--space-3);padding:var(--space-3)}.portfolio-hero__stat-number{font-size:var(--text-xl)}.portfolio-hero__code-window{max-width:300px}.portfolio-hero__code-content{padding:var(--space-4);font-size:var(--text-xs)}}.portfolio-projects{padding:var(--space-24) 0;background:#fff}.portfolio-projects__container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.portfolio-projects__header{text-align:center;margin-bottom:var(--space-12)}.portfolio-projects__title{font-size:var(--text-4xl);color:var(--neutral-900);margin-bottom:var(--space-4);font-family:var(--font-family-serif)}.portfolio-projects__description{font-size:var(--text-lg);color:var(--neutral-600);max-width:600px;margin:0 auto}.portfolio-projects__filters{display:flex;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-16);flex-wrap:wrap}.portfolio-projects__filter{padding:var(--space-3) var(--space-6);background:var(--neutral-100);color:var(--neutral-700);border:none;border-radius:var(--radius-full);font-weight:500;cursor:pointer;transition:all var(--transition-normal);font-size:var(--text-sm)}.portfolio-projects__filter:hover{background:var(--neutral-200);transform:translateY(-1px)}.portfolio-projects__filter--active{background:var(--accent-600);color:#fff}.portfolio-projects__filter--active:hover{background:var(--accent-700)}.portfolio-projects__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8)}.portfolio-projects__card{opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease forwards;overflow:hidden}.portfolio-projects__card-image{position:relative;height:250px;overflow:hidden}.portfolio-projects__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.portfolio-projects__iframe-link{display:block;width:100%;height:100%;text-decoration:none}.portfolio-projects__iframe{width:100%;height:100%}.portfolio-projects__card:hover .portfolio-projects__image{transform:scale(1.05)}.portfolio-projects__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.portfolio-projects__card:hover .portfolio-projects__overlay{opacity:1}.portfolio-projects__links{display:flex;gap:var(--space-3)}.portfolio-projects__links a{color:inherit;text-decoration:none}.portfolio-projects__featured-badge{position:absolute;top:var(--space-3);right:var(--space-3);background:var(--accent-600);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.portfolio-projects__card-content{padding:var(--space-6)}.portfolio-projects__card-title{font-size:var(--text-xl);color:var(--neutral-900);margin:0 0 var(--space-3) 0;font-family:var(--font-family-serif)}.portfolio-projects__card-description{color:var(--neutral-600);line-height:1.6;margin-bottom:var(--space-4)}.portfolio-projects__tech{display:flex;flex-wrap:wrap;gap:var(--space-2)}.portfolio-projects__tech-tag{padding:var(--space-1) var(--space-3);background:var(--primary-100);color:var(--primary-700);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.portfolio-projects{padding:var(--space-16) 0}.portfolio-projects__title{font-size:var(--text-3xl)}.portfolio-projects__description{font-size:var(--text-base)}.portfolio-projects__grid{grid-template-columns:1fr;gap:var(--space-6)}.portfolio-projects__card-image{height:200px}.portfolio-projects__overlay{opacity:1;background:#0009}.portfolio-projects__links{flex-direction:column;align-items:center}}@media (max-width: 480px){.portfolio-projects__container{padding:0 var(--space-3)}.portfolio-projects__header{margin-bottom:var(--space-8)}.portfolio-projects__title{font-size:var(--text-2xl)}.portfolio-projects__filters{margin-bottom:var(--space-12)}.portfolio-projects__filter{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.portfolio-projects__grid{gap:var(--space-4)}.portfolio-projects__card-content{padding:var(--space-4)}.portfolio-projects__card-title{font-size:var(--text-lg)}.portfolio-projects__card-description{font-size:var(--text-sm)}}.boardContainer{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:300px;height:300px;gap:2px;max-width:100%}.squareBTN:hover{background-color:#90ee90}.square{width:100%;height:100%}.squareBTN{width:100%;height:100%;font-size:4rem;font-weight:700}.areaContainer{display:grid;grid-template-columns:1fr 1fr;gap:50px;width:100%;max-width:650px}.status{font-size:2rem}@media (max-width: 650px){.areaContainer{grid-template-columns:1fr;gap:20px}.boardContainer{width:250px;height:250px;margin:0 auto}.squareBTN{font-size:3rem}.status{font-size:1.5rem;text-align:center}}@media (max-width: 400px){.boardContainer{width:200px;height:200px}.squareBTN{font-size:2.5rem}}._default_ueqv3_3{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-6);background:var(--neutral-50);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}._imageWrapper_ueqv3_25{position:relative;width:300px;height:300px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}._defaultImg_ueqv3_43{width:100%;height:100%;object-fit:cover;display:block}._grayImg_ueqv3_57{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:clip-path .1s ease}._divider_ueqv3_77{position:absolute;top:0;bottom:0;width:3px;background:var(--primary-500);box-shadow:0 0 10px #3b82f680;transition:left .1s ease;z-index:10}._divider_ueqv3_77:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:var(--primary-500);border-radius:50%;box-shadow:0 0 8px #3b82f6b3}._slider_ueqv3_125{width:300px;height:6px;background:var(--neutral-200);border-radius:var(--radius-full);outline:none;cursor:pointer;transition:background .3s ease}._slider_ueqv3_125::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--primary-500);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-md);transition:all .2s ease}._slider_ueqv3_125::-webkit-slider-thumb:hover{background:var(--primary-600);transform:scale(1.1);box-shadow:var(--shadow-lg)}._slider_ueqv3_125::-moz-range-thumb{width:20px;height:20px;background:var(--primary-500);border-radius:50%;cursor:pointer;border:none;box-shadow:var(--shadow-md);transition:all .2s ease}._slider_ueqv3_125::-moz-range-thumb:hover{background:var(--primary-600);transform:scale(1.1);box-shadow:var(--shadow-lg)}._slider_ueqv3_125:hover{background:var(--neutral-300)}@media (max-width: 480px){._imageWrapper_ueqv3_25,._slider_ueqv3_125{width:250px}._imageWrapper_ueqv3_25{height:250px}._default_ueqv3_3{padding:var(--space-4)}}.portfolio-playground{padding:var(--space-24) 0;background:linear-gradient(135deg,var(--neutral-50) 0%,var(--primary-50) 100%)}.portfolio-playground__container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.portfolio-playground__header{text-align:center;margin-bottom:var(--space-16)}.portfolio-playground__title{font-size:var(--text-4xl);color:var(--neutral-900);margin-bottom:var(--space-4);font-family:var(--font-family-serif)}.portfolio-playground__description{font-size:var(--text-lg);color:var(--neutral-600);max-width:600px;margin:0 auto}.portfolio-playground__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin-bottom:var(--space-16)}.portfolio-playground__card{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease forwards;transition:all var(--transition-normal)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.portfolio-playground__card--coming-soon{opacity:.7;cursor:not-allowed}.portfolio-playground__card--active{border-color:var(--accent-500);box-shadow:0 0 0 2px var(--accent-200)}.portfolio-playground__card-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.portfolio-playground__card-icon{font-size:var(--text-3xl);width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:var(--accent-100);border-radius:var(--radius-xl);flex-shrink:0}.portfolio-playground__card-info{flex:1}.portfolio-playground__card-title{font-size:var(--text-xl);color:var(--neutral-900);margin:0 0 var(--space-1) 0;font-family:var(--font-family-serif)}.portfolio-playground__coming-soon-badge{display:inline-block;padding:var(--space-1) var(--space-2);background:var(--warning-100);color:var(--warning-700);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.portfolio-playground__card-description{color:var(--neutral-600);line-height:1.6;margin-bottom:var(--space-4)}.portfolio-playground__tech{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.portfolio-playground__tech-tag{padding:var(--space-1) var(--space-3);background:var(--primary-100);color:var(--primary-700);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.portfolio-playground__card-actions{display:flex;justify-content:center}.portfolio-playground__demo{margin-top:var(--space-8);opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease forwards}.portfolio-playground__demo-card{background:#fff;border:2px solid var(--accent-200)}.portfolio-playground__demo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--neutral-200)}.portfolio-playground__demo-title{font-size:var(--text-xl);color:var(--neutral-900);margin:0;font-family:var(--font-family-serif)}.portfolio-playground__demo-content{min-height:200px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.portfolio-playground{padding:var(--space-16) 0}.portfolio-playground__title{font-size:var(--text-3xl)}.portfolio-playground__description{font-size:var(--text-base)}.portfolio-playground__grid{grid-template-columns:1fr;gap:var(--space-4)}.portfolio-playground__card-header{flex-direction:column;text-align:center;gap:var(--space-3)}.portfolio-playground__card-icon{align-self:center}.portfolio-playground__demo-header{flex-direction:column;gap:var(--space-3);text-align:center}}@media (max-width: 480px){.portfolio-playground__container{padding:0 var(--space-3)}.portfolio-playground__title{font-size:var(--text-2xl)}.portfolio-playground__header{margin-bottom:var(--space-12)}.portfolio-playground__card-title{font-size:var(--text-lg)}.portfolio-playground__card-description{font-size:var(--text-sm)}.portfolio-playground__demo-content{min-height:150px}}