/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-green-500:oklch(72.3% .219 149.579);--color-blue-600:oklch(54.6% .245 262.881);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--font-weight-medium:500;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--animate-bounce:bounce 1s infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-2{bottom:calc(var(--spacing)*2)}.left-0{left:calc(var(--spacing)*0)}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-16{margin-top:calc(var(--spacing)*16)}.mt-26{margin-top:calc(var(--spacing)*26)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.ml-1{margin-left:calc(var(--spacing)*1)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.h-0\.5{height:calc(var(--spacing)*.5)}.h-6{height:calc(var(--spacing)*6)}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-0{width:calc(var(--spacing)*0)}.w-6{width:calc(var(--spacing)*6)}.w-full{width:100%}.max-w-xl{max-width:var(--container-xl)}.flex-1{flex:1}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[var\(--hero-social-border\)\]{border-color:var(--hero-social-border)}.bg-\[var\(--color-primary\)\]{background-color:var(--color-primary)}.bg-\[var\(--hero-card-bg\)\]{background-color:var(--hero-card-bg)}.bg-\[var\(--hero-glow\)\]{background-color:var(--hero-glow)}.bg-\[var\(--hero-social-bg\)\]{background-color:var(--hero-social-bg)}.bg-black{background-color:var(--color-black)}.bg-green-500{background-color:var(--color-green-500)}.bg-white{background-color:var(--color-white)}.object-cover{object-fit:cover}.p-2{padding:calc(var(--spacing)*2)}.p-5{padding:calc(var(--spacing)*5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.pt-16{padding-top:calc(var(--spacing)*16)}.pb-24{padding-bottom:calc(var(--spacing)*24)}.text-center{text-align:center}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--hero-text\)\]\/50{color:var(--hero-text)}@supports (color:color-mix(in lab,red,red)){.text-\[var\(--hero-text\)\]\/50{color:color-mix(in oklab,var(--hero-text)50%,transparent)}}.text-\[var\(--hero-text\)\]\/60{color:var(--hero-text)}@supports (color:color-mix(in lab,red,red)){.text-\[var\(--hero-text\)\]\/60{color:color-mix(in oklab,var(--hero-text)60%,transparent)}}.text-\[var\(--hero-text\)\]\/70{color:var(--hero-text)}@supports (color:color-mix(in lab,red,red)){.text-\[var\(--hero-text\)\]\/70{color:color-mix(in oklab,var(--hero-text)70%,transparent)}}.text-blue-600{color:var(--color-blue-600)}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-white{color:var(--color-white)}.opacity-0{opacity:0}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040)}.shadow-2xl,.shadow-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}@media (hover:hover){.group-hover\:w-full:is(:where(.group):hover *){width:100%}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:scale-100:hover{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:48rem){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:justify-start{justify-content:flex-start}.md\:pb-32{padding-bottom:calc(var(--spacing)*32)}.md\:text-left{text-align:left}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:text-gray-300{color:var(--color-gray-300)}.dark\:text-white{color:var(--color-white)}}}:root{--color-background:#f5f7fa;--color-foreground:#0f172a;--primary-color:#3b82f6;--primary-dark:#2563eb;--primary-light:#93c5fd;--color-primary:#2563eb;--color-primary-hover:#4f46e5;--color-secondary:#14b8a6;--color-secondary-hover:#0d9488;--color-accent:#f59e0b;--text-primary:#1f2937;--text-secondary:#4b5563;--text-muted:#6b7280;--color-text:#1e293b;--color-text-muted:#64748b;--color-text-inverse:#fff;--color-white:#f1f5f9;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--color-card-bg:#fff;--color-card-border:#e2e8f0;--color-header-bg:#ffffffb3;--color-footer-bg:#fff;--color-hover:#6366f114;--border-color:#e5e7eb;--color-border-light:#fff3;--shadow-color:#0000001a;--shadow-hover:#00000026;--shadow-card:0 20px 25px -5px #00000026,0 10px 10px -5px #0000001a;--shadow-btn:0 5px 15px #6366f133;--shadow-btn-hover:0 10px 25px #6366f166;--shadow-profile-hover:0 10px 30px #6366f14d;--shadow-md:0 10px 25px #0000001a;--color-glass-bg:#fff9;--color-brand-start:#2563eb;--color-brand-mid:#4f46e5;--color-brand-end:#9333ea;--color-youtube:#8ea1f8;--color-youtube-gradient:linear-gradient(135deg,red,#c00,#8a0000);--color-image:#36d1dc;--color-image-gradient:linear-gradient(135deg,#4caf50,#2e7d32,#1b5e20);--color-figma:#ffb347;--color-figma-gradient:linear-gradient(135deg,#f24e1e,#a259ff,#1abcfe);--color-article:#43e97b;--color-article-gradient:linear-gradient(135deg,#2196f3,#0d47a1,#1565c0);--color-pdf:#ff758c;--color-pdf-gradient:linear-gradient(135deg,#f44336,#b71c1c,#d32f2f);--color-share-bg:linear-gradient(135deg,#4f7db3,#4f4db6,#104a79);--color-youtube-animated:linear-gradient(270deg,#ff5f6d,#ffc371,#ff5f6d);--color-image-animated:linear-gradient(270deg,#36d1dc,#5b86e5,#36d1dc);--color-figma-animated:linear-gradient(270deg,#ffb347,#fc3,#ffb347);--color-article-animated:linear-gradient(270deg,#43e97b,#38f9d7,#43e97b);--color-pdf-animated:linear-gradient(270deg,#ff758c,#ff7eb3,#ff758c);--success-color:#10b981;--warning-color:#f59e0b;--icon-size:80px;--border-radius:12px;--border-radius-sm:8px;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--color-git:#0191ca}.dark{--color-background:#0f172a;--color-foreground:#f1f5f9;--primary-color:#8b5cf6;--primary-dark:#7c3aed;--primary-light:#a78bfa;--color-primary:#60a5fa;--color-primary-hover:#7c3aed;--color-secondary:#2dd4bf;--color-secondary-hover:#14b8a6;--color-accent:#facc15;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-text-inverse:#0f172a;--color-white:#f1f5f9;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--color-card-bg:#1e293b;--color-card-border:#334155;--color-header-bg:#0f172ab3;--color-footer-bg:#0f172a;--color-hover:#60a5fa1f;--border-color:#334155;--color-border-light:#ffffff14;--shadow-color:#00000040;--shadow-hover:#0000004d;--shadow-card:0 20px 25px -5px #00000040,0 10px 10px -5px #00000026;--shadow-btn:0 5px 15px #8b5cf633;--shadow-btn-hover:0 10px 25px #8b5cf666;--shadow-profile-hover:0 10px 30px #8b5cf64d;--shadow-md:0 10px 25px #0000004d;--color-glass-bg:#0f172a8c;--color-brand-start:#a78bfa;--color-brand-mid:#c084fc;--color-brand-end:#f472b6;--color-youtube:#8ea1f8;--color-youtube-gradient:linear-gradient(135deg,#8ea1f8,#73c8bf);--color-image:#36d1dc;--color-image-gradient:linear-gradient(135deg,#36d1dc,#5b86e5);--color-figma:#e0c072;--color-figma-gradient:linear-gradient(135deg,#ffa17f,#e0c072);--color-article:#43e97b;--color-article-gradient:linear-gradient(135deg,#43e97b,#00c9ff);--color-pdf:#ff758c;--color-pdf-gradient:linear-gradient(135deg,#ff758c,#ff7eb3);--color-share-bg:linear-gradient(135deg,#6c63ff,#3b3fcf,#1b1f7f);--color-youtube-animated:linear-gradient(270deg,#ff6a88,#ff99ac,#ff6a88);--color-image-animated:linear-gradient(270deg,#36d1dc,#5b86e5,#36d1dc);--color-figma-animated:linear-gradient(270deg,#ffa17f,#ff7e5f,#ffa17f);--color-article-animated:linear-gradient(270deg,#43e97b,#00c9ff,#43e97b);--color-pdf-animated:linear-gradient(270deg,#ff758c,#ff7eb3,#ff758c);--color-git:#6da6be}@keyframes gradientShift{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.animated-gradient{background-size:200% 200%;animation:gradientShift 6s infinite}*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100vw;font-family:var(--font-sans);overflow-x:hidden}body{color:var(--color-foreground);background:var(--color-background);transition:background-color .3s,color .3s}a{color:inherit;text-decoration:none}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);min-height:100vh;margin:0;padding:0;line-height:1.6;transition:all .3s}html{scroll-behavior:smooth}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-card-border);transition:all .3s;position:sticky;top:0}.dark header,header{background-color:var(--color-header-bg)}nav a{color:var(--color-text);border-radius:.5rem;margin:0 .75rem;padding:.5rem 1rem;font-weight:500;transition:all .3s,color .2s;position:relative}nav a:after{content:"";background-color:var(--color-primary);width:0;height:2px;transition:all .3s;position:absolute;bottom:0;left:0}nav a:hover:after{width:100%}nav a:hover{color:var(--color-primary)}.theme-toggle{cursor:pointer;border-radius:50%;padding:.5rem;transition:all .3s}.theme-toggle:hover{background-color:var(--color-hover)}.card{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:1rem;flex-direction:column;height:100%;padding:1.5rem;transition:all .4s,box-shadow .4s;display:flex}.card:hover{box-shadow:var(--shadow-card);border-color:var(--color-primary);transform:translateY(-.75rem)scale(1.02)}.project-image{background-color:var(--color-card-border);height:220px;color:var(--color-text-muted);border-radius:.75rem;justify-content:center;align-items:center;margin-bottom:1rem;transition:transform .3s;display:flex}.project-image:hover{transform:scale(1.05)rotate(1deg)}.profile-image{object-fit:cover;border:4px solid var(--color-primary);background-color:var(--color-card-border);width:250px;height:250px;color:var(--color-text-muted);border-radius:50%;margin:0 auto;transition:transform .5s,box-shadow .5s}.profile-image:hover{box-shadow:var(--shadow-profile-hover);transform:scale(1.1)}.btn{cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-btn)}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-btn-hover);transform:translateY(-2px)scale(1.05)}.btn-secondary{color:var(--color-primary);border:2px solid var(--color-primary);background-color:#0000}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-text-inverse);transform:translateY(-2px)scale(1.05)}.tag{background-color:var(--color-hover);color:var(--color-primary);border-radius:9999px;margin-bottom:.5rem;margin-right:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;transition:all .3s;display:inline-block}.tag:hover{background-color:var(--color-primary);color:var(--color-text-inverse);transform:scale(1.1)}.light{--hero-bg:linear-gradient(145deg,var(--color-card-bg)0%,var(--color-background)100%);--hero-text:var(--color-foreground);--hero-accent:var(--color-primary);--hero-secondary:var(--color-brand-mid);--hero-tertiary:var(--color-brand-end);--hero-shadow:var(--shadow-btn);--hero-card-bg:rgba(var(--color-card-bg-rgb),.92);--hero-card-border:rgba(var(--color-card-border-rgb),.4);--hero-social-bg:rgba(var(--color-card-bg-rgb),.85);--hero-social-border:rgba(var(--color-card-border-rgb),.6);--hero-skill-bg:rgba(var(--color-primary-rgb),.1);--hero-skill-text:var(--color-primary);--hero-grid:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h80v80H0z' fill='none'/%3E%3Cpath d='M20 20h40v40H20z' stroke='%23e2e8f0' stroke-width='0.5' fill='none'/%3E%3C/svg%3E");--hero-glow:radial-gradient(circle at center,rgba(var(--color-primary-rgb),.15)0%,transparent 70%);--hero-glow-color:rgba(var(--color-primary-rgb),.15);--hero-halo-color:rgba(var(--color-primary-rgb),.4)}.dark{--hero-bg:linear-gradient(145deg,#0b0b15 0%,var(--color-background)100%);--hero-text:var(--color-foreground);--hero-accent:var(--color-primary);--hero-secondary:var(--color-brand-mid);--hero-tertiary:var(--color-brand-end);--hero-shadow:var(--shadow-btn);--hero-card-bg:rgba(var(--color-card-bg-rgb),.85);--hero-card-border:rgba(var(--color-primary-rgb),.15);--hero-social-bg:rgba(var(--color-card-bg-rgb),.7);--hero-social-border:rgba(var(--color-primary-rgb),.2);--hero-skill-bg:rgba(var(--color-primary-rgb),.15);--hero-skill-text:var(--color-brand-start);--hero-grid:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h80v80H0z' fill='none'/%3E%3Cpath d='M20 20h40v40H20z' stroke='%231e1e2e' stroke-width='0.5' fill='none'/%3E%3C/svg%3E");--hero-glow:radial-gradient(circle at center,rgba(var(--color-primary-rgb),.2)0%,transparent 70%);--hero-glow-color:rgba(var(--color-primary-rgb),.2);--hero-halo-color:rgba(var(--color-primary-rgb),.6)}.hero{background:var(--hero-bg);min-height:100vh;color:var(--hero-text);align-items:center;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.heroGrid{opacity:.1;background-image:var(--hero-grid);z-index:0;background-repeat:repeat;animation:gridMove 80s linear infinite;position:absolute;inset:0}.contentContainer{z-index:10;width:100%;max-width:1280px;margin:0 auto;padding:2rem 1.5rem;position:relative}.avatarCard{border:1px solid var(--hero-card-border);background:var(--hero-card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:200px;height:200px;box-shadow:var(--shadow-profile-hover);border-radius:50%;transition:all .5s cubic-bezier(.16,1,.3,1);animation:float 6s ease-in-out infinite;position:relative;overflow:hidden;transform:translateY(0)}.avatarCard .shineOverlay{pointer-events:none;z-index:20;mix-blend-mode:screen;filter:blur(1px);opacity:.5;background:linear-gradient(120deg,#fff0,#ffffff0d 40%,#ffffff26 50%,#ffffff0d 60%,#fff0);width:30%;height:100%;animation:realisticShine 5s ease-in-out infinite;position:absolute;top:0;left:-150%;transform:skew(-25deg)rotate(3deg)}.avatarCard .shineOverlay:after{content:"";filter:blur(.5px);mix-blend-mode:screen;background:linear-gradient(130deg,#fff0,#ffffff05 40%,#ffffff0a 50%,#ffffff05 60%,#fff0);width:100%;height:100%;animation:secondaryShine 6s ease-in-out infinite alternate;position:absolute;top:20%;left:0;transform:skew(-10deg)rotate(2deg)}@keyframes realisticShine{0%{opacity:.4;left:-150%}50%{opacity:.6;left:50%}to{opacity:.4;left:150%}}@keyframes secondaryShine{0%{opacity:.2;transform:skew(-10deg)rotate(2deg)translate(0)}50%{opacity:.35;transform:skew(-10deg)rotate(2deg)translate(6px)}to{opacity:.2;transform:skew(-10deg)rotate(2deg)translate(0)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(1deg)}}@media (min-width:768px){.avatarCard{width:380px;height:380px}}.avatarCard:hover{box-shadow:0 16px 50px var(--hero-shadow);transform:translateY(-5px)scale(1.02)}.avatarHalo{opacity:.4;filter:blur(16px);z-index:-1;border-radius:50%;animation:pulse 8s ease-in-out infinite;position:absolute;inset:-12px}.avatarHalo,.glow-halo{background:radial-gradient(circle,var(--hero-halo-color)0,transparent 70%)}@keyframes pulse{50%{opacity:.5}}.socialIcon{border:1px solid var(--hero-social-border);background:var(--hero-social-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;padding:.8rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #0000000d}.socialIcon:before{content:"";background:linear-gradient(135deg,var(--hero-accent),var(--hero-secondary));opacity:0;z-index:-1;transition:opacity .4s;position:absolute;inset:0}.socialIcon:hover{box-shadow:0 8px 25px var(--hero-shadow);border-color:#0000;transform:translateY(-4px)scale(1.05)}.socialIcon:hover:before{opacity:1}.socialIcon svg{transition:all .4s}.socialIcon:hover svg{transform:scale(1.1);color:var(--color-text-inverse)!important}.skillBadge{background:var(--hero-skill-bg);color:var(--hero-skill-text);border:1px solid var(--hero-card-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;padding:.4rem 1rem;font-size:.8rem;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.skillBadge:before{content:"";background:linear-gradient(45deg,var(--hero-accent),var(--hero-tertiary));z-index:-1;opacity:0;border-radius:20px;transition:opacity .4s;position:absolute;inset:-2px}.skillBadge:hover{box-shadow:0 6px 20px var(--hero-shadow);color:var(--color-text-inverse);transform:translateY(-2px)}.skillBadge:hover:before{opacity:1}.heading{letter-spacing:-.5px;font-size:2.5rem;font-weight:800;line-height:1.1}@media (min-width:768px){.heading{font-size:4rem}}.gradientText{color:#0000;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(45deg,var(--hero-accent),var(--hero-secondary),var(--hero-tertiary));background-size:200% 200%;animation:gradientShift 8s infinite}.subheading{opacity:.9;letter-spacing:-.2px;font-size:1.3rem;font-weight:500}.primaryButton{background:linear-gradient(45deg,var(--hero-accent),var(--hero-secondary));color:var(--color-text-inverse);box-shadow:var(--shadow-btn);cursor:pointer;z-index:1;border:none;border-radius:50px;align-items:center;gap:.8rem;padding:.9rem 1.8rem;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.primaryButton:before{content:"";background:linear-gradient(45deg,var(--hero-secondary),var(--hero-tertiary));opacity:0;z-index:-1;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.primaryButton:hover{box-shadow:var(--shadow-btn-hover);transform:translateY(-3px)}.primaryButton:hover:before{opacity:1}.primaryButton span{z-index:2;position:relative}.secondaryButton{background:linear-gradient(135deg,var(--color-git),var(--color-secondary));border:1px solid var(--hero-card-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:50px;align-items:center;gap:.8rem;padding:.9rem 1.8rem;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.secondaryButton:before{content:"";background:linear-gradient(45deg,var(--hero-accent),var(--hero-secondary));opacity:0;z-index:-1;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.secondaryButton:hover{box-shadow:0 8px 30px var(--hero-shadow);color:var(--color-text-inverse);border-color:#0000;transform:translateY(-3px)}.secondaryButton:hover:before{opacity:1}.glow-underline{color:var(--hero-shadow);font-weight:500;text-decoration:none;transition:color .3s;position:relative}.glow-underline:after{content:"";transform-origin:100%;background:#ff8c42;width:100%;height:2px;transition:transform .4s;position:absolute;bottom:-3px;left:0;transform:scaleX(0);box-shadow:0 0 8px #ff8c42,0 0 16px #ff8c42}.glow-underline:hover:after{transform-origin:0;transform:scaleX(1)}.glow-underline:hover{color:#ff8c42}.typewriter{color:var(--hero-text);letter-spacing:-.2px;align-items:center;font-size:1.25rem;font-weight:500;display:inline-flex}.caret{background:var(--hero-accent);border-radius:2px;width:8px;height:1.2em;margin-left:4px;animation:blink 1.2s steps(2) infinite,pulseCaret 2s infinite;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulseCaret{0%,to{opacity:1}50%{opacity:.7}}@keyframes gridMove{0%{background-position:0 0}to{background-position:1600px 1600px}}.glow-effect{position:relative}.glow-effect:after{content:"";background:radial-gradient(circle at center,var(--hero-glow-color)0,transparent 70%);opacity:0;z-index:-1;filter:blur(20px);border-radius:50%;transition:opacity .6s;position:absolute;inset:0}.glow-effect:hover:after{opacity:.3}@media (max-width:767px){.heading{font-size:2.25rem}.avatarCard{width:160px;height:160px}}.avatarCard:hover{transform:translateY(-3px)scale(1.02)}.primaryButton,.secondaryButton{padding:.8rem 1.5rem}@media (max-width:768px){.section-title{font-size:2rem}.section-subtitle{padding:0 1rem;font-size:1rem}}@media (max-width:480px){.section-title{font-size:1.75rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .7s ease-out forwards}.btn-primary-glow{z-index:1;position:relative;overflow:hidden}.btn-primary-glow:before{content:"";filter:blur(18px);z-index:-1;background:linear-gradient(120deg,#ff6ec4,#7873f5,#42f5b9);width:140%;height:100%;transition:all .6s;position:absolute;top:0;left:-120%}.btn-primary-glow:hover:before{left:0}.particles{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.particles:before{content:"";z-index:-1;background:radial-gradient(#ffffff1f 0,#fff0 70%);position:absolute;inset:0}.scroll-animate{opacity:0;transition:opacity 1s ease-out,transform 1s ease-out;transform:translateY(1rem)}.scroll-animate.animate{animation:fadeIn 1s ease-out forwards}.projects-section{background:var(--color-background);padding:5rem 0;position:relative;overflow:hidden}.projects-background{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.secondary-glow{width:600px;height:600px;animation-delay:-4s;bottom:15%;right:10%}.accent-glow{width:400px;height:400px;animation-delay:-8s;top:60%;left:5%}.projects-container{z-index:10;max-width:1280px;margin:0 auto;padding:0 1.5rem;position:relative}.category-filter{margin-bottom:3rem}.main-category-buttons{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.main-category-button{border:2px solid var(--color-card-border);background:var(--color-card-bg);color:var(--color-text-muted);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;min-width:120px;padding:.875rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.main-category-button:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.main-category-button.active{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse);box-shadow:var(--shadow-btn);border-color:#0000}.subcategory-filter{margin-top:1rem}.subcategory-buttons{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.subcategory-button{border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.subcategory-button:hover{transform:translateY(-1px)}.subcategory-button.active,.subcategory-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.subcategory-button.active{background:rgba(var(--color-primary-rgb),.1)}.category-count,.subcategory-count{background:#fff3;border-radius:12px;padding:.15rem .5rem;font-size:.75rem;font-weight:700}.main-category-button.active .category-count,.subcategory-button.active .subcategory-count{background:#ffffff4d}.subcategory-name{font-size:.85rem}.empty-state{text-align:center;background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:1.5rem;margin:2rem 0;padding:3rem}.empty-state h3{color:var(--color-foreground);margin-bottom:.5rem;font-size:1.5rem}.empty-state p{color:var(--color-text-muted)}.section-title-container{text-align:center;margin-bottom:2rem}.section-title{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:800;display:inline-block;position:relative}.section-title:after{content:"";background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:2px;width:60px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.section-subtitle{color:var(--color-text-muted);max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.projects-cta{text-align:center;background:var(--color-card-bg);border:1px solid var(--color-card-border);box-shadow:var(--shadow-card);border-radius:1.5rem;margin-top:4rem;padding:3rem;position:relative;overflow:hidden}.projects-cta:before{content:"";background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));height:4px;position:absolute;top:0;left:0;right:0}.cta-text{color:var(--color-foreground);margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.cta-button{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse);box-shadow:var(--shadow-btn);border-radius:50px;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.cta-button:hover{box-shadow:var(--shadow-btn-hover);gap:.75rem;transform:translateY(-2px)}.cta-icon{width:1.25rem;height:1.25rem;transition:transform .3s}.cta-button:hover .cta-icon{transform:translate(3px)}.search-container{justify-content:center;margin-bottom:2rem;display:flex}.search-input{width:100%;color:var(--color-text);border:2px solid #e5e7eb;border-radius:.5rem;padding:.75rem 2.5rem .75rem 1rem;font-size:1rem;transition:border-color .2s}.search-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.search-clear-button{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:50%;padding:.25rem;font-size:1.5rem;transition:background-color .2s;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.search-clear-button:hover{color:#374151;background-color:#f3f4f6}.search-input-wrapper{width:100%;max-width:400px;position:relative}.search-suggestions{z-index:10;background:#fff;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 .5rem .5rem;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 6px -1px #0000001a}.search-suggestion{cursor:pointer;border-bottom:1px solid #f3f4f6;padding:.75rem 1rem;transition:background-color .2s}.search-suggestion:last-child{border-bottom:none}.search-suggestion:hover{background-color:#f9fafb}.search-suggestion:active{background-color:#f3f4f6}.search-input-wrapper:has(.search-suggestions) .search-input{border-radius:.5rem .5rem 0 0}.category-filter{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.main-category-scroll{scrollbar-width:thin;-ms-overflow-style:none;gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.main-category-scroll::-webkit-scrollbar{height:4px}.main-category-scroll::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:2px}.main-category-button{white-space:nowrap;flex:none}.subcategory-scroll{gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.search-and-filters{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}@media (min-width:768px){.search-and-filters{flex-direction:row;align-items:flex-start}.search-container{flex:1;margin-bottom:0}.category-filter{flex:2;margin-bottom:0}}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:2rem 0}@media (max-width:640px){.projects-grid{grid-template-columns:1fr;gap:1rem}}@media (min-width:768px){.pagination-container{flex-direction:row;justify-content:space-between}}@media (max-width:640px){.main-category-buttons,.subcategory-buttons{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.main-category-button,.subcategory-button{white-space:normal;word-break:break-word;text-align:center;flex:none;min-width:0;padding:.5rem .8rem;font-size:.8rem}.category-name,.subcategory-name{font-size:.75rem;line-height:1.1rem;display:block}.category-count,.subcategory-count{padding:.15rem .4rem;font-size:.65rem;display:inline-block}}.filter-stack{flex-direction:column;gap:1rem;display:flex}@media (min-width:1024px){.filter-stack{flex-direction:row;justify-content:space-between;align-items:center}}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}@media (max-width:768px){.projects-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1rem;padding:0 1rem;display:flex;overflow-x:auto}.projects-grid::-webkit-scrollbar{display:none}.projects-grid>*{scroll-snap-align:center;flex:0 0 85%}}@media (max-width:640px){.main-category-buttons,.subcategory-buttons{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.main-category-buttons::-webkit-scrollbar,.subcategory-buttons::-webkit-scrollbar{display:none}.main-category-button,.subcategory-button{white-space:nowrap;text-align:center;text-overflow:ellipsis;flex:none;min-width:0;max-width:140px;padding:.5rem .8rem;font-size:.75rem;overflow:hidden}.category-name,.subcategory-name{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1.1rem;display:block;overflow:hidden}.category-count,.subcategory-count{flex-shrink:0;padding:.15rem .4rem;font-size:.65rem;display:inline-block}}.sort-controls{background:var(--color-bg);-webkit-backdrop-filter:blur(12px)saturate(180%);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:1rem;align-items:center;gap:.8rem;margin-bottom:1.5rem;padding:.6rem 1rem;transition:background .3s,border .3s,box-shadow .3s;display:flex}.sort-controls label{color:var(--color-text);white-space:nowrap;font-size:.95rem;font-weight:500}.sort-select{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-primary);cursor:pointer;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.75rem;outline:none;padding:.5rem 1rem;font-size:.95rem;font-weight:500;transition:all .3s}.sort-select:hover{background:var(--color-bg-hover);transform:translateY(-1px);box-shadow:0 4px 10px #0003}.sort-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #00c4ff4d}.sort-toggle-button{color:#00ced1;cursor:pointer;text-align:center;background:0 0;border:2px solid #00ced1;border-radius:8px;width:180px;padding:6px 16px;font-weight:500;transition:all .3s}.sort-toggle-button:hover{color:#fff;background-color:#00ced1;box-shadow:0 0 5px #00ced1,0 0 5px #00ced1}.pagination-container{flex-direction:column;align-items:center;gap:1rem;margin:2rem 0;font-family:Inter,sans-serif;display:flex}.pagination-info{color:#888;text-align:center;font-size:.9rem}.pagination-controls{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.pagination-button{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;min-width:2.75rem;padding:.5rem .85rem;font-size:.9rem;transition:all .3s;box-shadow:0 2px 5px #0000000d}.pagination-button:hover:not(.disabled){color:#fff;background:#3b82f6;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 0 10px #3b82f699,0 0 20px #3b82f666}.pagination-button.active{color:#fff;background:#10b981;border-color:#10b981;transform:scale(1.05);box-shadow:0 0 10px #10b98199,0 0 20px #10b98166}.pagination-button.disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.pagination-ellipsis{color:#9ca3af;align-items:center;padding:.5rem;font-size:1rem;display:flex}@media (max-width:768px){.search-input-wrapper{max-width:100%}.pagination-controls{gap:.125rem}.pagination-button{min-width:2rem;padding:.375rem .5rem;font-size:.8rem}.main-category-buttons{flex-wrap:wrap;gap:.5rem}.main-category-button{flex:1;min-width:120px}}.main-category-button:disabled{opacity:.6;cursor:not-allowed}.main-category-button:disabled:hover{background:inherit;transform:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.section-title{font-size:2.25rem}.main-category-buttons{gap:.5rem}.main-category-button{min-width:110px;padding:.75rem 1.25rem;font-size:.9rem}}@media (max-width:768px){.projects-section{padding:3rem 0}.projects-grid{grid-template-columns:1fr;max-width:500px;margin:2rem auto}.section-title-container{margin-bottom:2rem}.section-title{font-size:2rem}.section-subtitle{padding:0 1rem;font-size:1rem}.projects-cta{margin-top:3rem;padding:2rem 1.5rem}.background-glow{filter:blur(60px)}.primary-glow{width:300px;height:300px}.secondary-glow{width:400px;height:400px}.accent-glow{width:250px;height:250px}.main-category-buttons,.subcategory-buttons{justify-content:flex-start;padding-bottom:.5rem;overflow-x:auto}.main-category-button,.subcategory-button{white-space:nowrap}}@media (max-width:480px){.projects-container{padding:0 1rem}.section-title{font-size:1.75rem}.cta-text{font-size:1.1rem}.cta-button{padding:.75rem 1.5rem}.main-category-button{min-width:100px;padding:.6rem 1rem;font-size:.8rem}.subcategory-button{padding:.4rem .8rem;font-size:.8rem}}.about-section{background:var(--color-background);padding:6rem 0;position:relative;overflow:hidden}.about-background{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.accent-glow{width:500px;height:500px;animation-delay:0s;top:20%;right:15%}.primary-glow{width:600px;height:600px;animation-delay:-5s;bottom:10%}.about-container{z-index:10;max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative}.about-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.about-text{padding-right:2rem}.about-description{margin-bottom:3rem}.description-paragraph{color:var(--color-foreground);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.highlight-text{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:600}.skills-section{margin-bottom:3rem}.skills-title{color:var(--color-foreground);margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;display:inline-block;position:relative}.skills-title:after{content:"";background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:2px;width:40px;height:3px;position:absolute;bottom:-8px;left:0}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;display:grid}.skill-tag{background:var(--color-card-bg);border:1px solid var(--color-card-border);color:var(--color-primary);text-align:center;opacity:0;border-radius:12px;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s;animation:fadeInUp .6s forwards;position:relative;overflow:hidden;transform:translateY(20px)}.skill-tag-glow{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));opacity:0;z-index:-1;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.skill-tag:hover{color:var(--color-text-inverse);box-shadow:var(--shadow-btn-hover);transform:translateY(-3px)}.skill-tag:hover .skill-tag-glow{opacity:1}.action-buttons{flex-wrap:wrap;gap:1rem;display:flex}.action-btn{border-radius:50px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.primary-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse);box-shadow:var(--shadow-btn)}.secondary-btn{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.btn-glow{background:linear-gradient(135deg,var(--color-secondary),var(--color-accent));opacity:0;z-index:-1;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.primary-btn:hover{box-shadow:var(--shadow-btn-hover);transform:translateY(-2px)}.primary-btn:hover .btn-glow{opacity:1}.secondary-btn:hover{background:rgba(var(--color-primary-rgb),.1);transform:translateY(-2px)}.download-icon{width:1.25rem;height:1.25rem}.profile-container,.profile-image{justify-content:center;display:flex}.profile-image{background:linear-gradient(135deg,var(--color-primary)0,var(--color-secondary)100%);width:380px;height:380px;color:var(--color-text-inverse);box-shadow:var(--shadow-card);align-items:center;font-weight:600;position:relative;overflow:hidden}.profile-glow,.profile-image{border-radius:2rem;transition:all .5s}.profile-glow{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));opacity:.3;filter:blur(20px);z-index:-1;position:absolute;inset:-20px}.profile-decoration{pointer-events:none;position:absolute;inset:0}.img-fit{object-fit:cover;object-position:center}.decoration-item{background:#ffffff1a;border-radius:50%;position:absolute}.decoration-item:first-child{width:60px;height:60px;top:20px;right:20px}.decoration-item:nth-child(2){width:40px;height:40px;bottom:40px;left:30px}.decoration-item:nth-child(3){width:30px;height:30px;bottom:20px;right:40px}.profile-image:hover{transform:translateY(-5px)scale(1.02)}.profile-image:hover .profile-glow{opacity:.5;filter:blur(30px)}@media (max-width:1024px){.about-content{gap:3rem}.profile-image{width:320px;height:320px}}@media (max-width:768px){.about-section{padding:4rem 0}.about-content{text-align:center;grid-template-columns:1fr;gap:3rem}.about-text{order:2;padding-right:0}.profile-container{order:1}.profile-image{width:280px;height:280px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.action-buttons{justify-content:center}.skills-title:after{left:50%;transform:translate(-50%)}}@media (max-width:480px){.about-container{padding:0 1rem}.profile-image{width:240px;height:240px}.action-buttons{flex-direction:column;align-items:center}.action-btn{justify-content:center;width:100%}.skills-grid{grid-template-columns:repeat(2,1fr)}}.contact-info-container{flex-direction:column;gap:1.5rem;display:flex}.contact-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);box-shadow:var(--shadow-card);border-radius:1.25rem;padding:1.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.contact-card:before{content:"";background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));opacity:.8;height:4px;position:absolute;top:0;left:0;right:0}.contact-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-5px)}.contact-card-header{text-align:center;margin-bottom:1.5rem;position:relative}.contact-card-title{color:var(--color-foreground);margin-bottom:.5rem;font-size:1.25rem;font-weight:700;display:inline-block;position:relative}.title-decoration{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:2px;width:40px;height:3px;margin:0 auto}.contact-items{flex-direction:column;gap:1rem;display:flex}.contact-item{background:rgba(var(--color-primary-rgb),.03);border:1px solid #0000;border-radius:.75rem;align-items:center;gap:.75rem;padding:1rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.contact-item:before{content:"";background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));opacity:0;z-index:-1;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.contact-item:hover{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1);transform:translate(5px)}.contact-item:hover:before{opacity:.05}.contact-icon-wrapper{background:rgba(var(--color-primary-rgb),.1);border-radius:.5rem;flex-shrink:0;padding:.5rem;transition:all .3s;position:relative}.contact-item:hover .contact-icon-wrapper{background:rgba(var(--color-primary-rgb),.2);transform:scale(1.1)}.contact-icon{width:1.25rem;height:1.25rem;color:var(--color-primary);transition:all .3s}.contact-item:hover .contact-icon{color:var(--color-text-inverse)}.icon-glow{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));opacity:0;z-index:-1;border-radius:.5rem;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.contact-item:hover .icon-glow{opacity:1}.contact-details{flex:1;min-width:0}.contact-label{color:var(--color-foreground);margin-bottom:.25rem;font-size:.875rem;font-weight:600;transition:color .3s}.contact-item:hover .contact-label{color:var(--color-primary)}.contact-value{color:var(--color-text-muted);word-break:break-word;font-size:.875rem;transition:color .3s}.contact-item:hover .contact-value{color:var(--color-foreground)}@media (max-width:768px){.contact-info-container{gap:1.25rem}.contact-card{border-radius:1rem;padding:1.25rem}.contact-card-title{font-size:1.125rem}.contact-items{gap:.75rem}.contact-item{gap:.5rem;padding:.75rem}}@media (max-width:480px){.contact-info-container{gap:1rem}.contact-card{border-radius:.875rem;padding:1rem}.contact-card-header{margin-bottom:1.25rem}.contact-card-title{margin-bottom:.375rem;font-size:1.125rem}.contact-item{text-align:left;flex-direction:row;align-items:center}.contact-icon-wrapper{padding:.5rem}.contact-icon{width:1rem;height:1rem}.contact-label,.contact-value{font-size:.8125rem}}.contact-form{background:var(--color-card-bg);border:1px solid var(--color-card-border);box-shadow:var(--shadow-card);border-radius:1.5rem;padding:2.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.contact-form:before{content:"";background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));opacity:.8;height:4px;position:absolute;top:0;left:0;right:0}.contact-form:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-5px)}.form-header{text-align:center;margin-bottom:2.5rem;position:relative}.form-title{color:#0000;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.form-subtitle{color:var(--color-text-muted);margin-bottom:1rem;font-size:1rem}.form-decoration{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));opacity:.8;border-radius:2px;width:60px;height:3px;margin:0 auto}.form-content{flex-direction:column;gap:2rem;display:flex}.form-group,.form-input,.input-container{position:relative}.form-input{background:rgba(var(--color-primary-rgb),.03);border:1px solid var(--color-card-border);width:100%;color:var(--color-foreground);z-index:2;border-radius:.75rem;padding:1.25rem 1rem .75rem;font-size:1rem;transition:all .3s}.form-input:focus{background:rgba(var(--color-primary-rgb),.05);outline:none}.form-input.textarea{resize:vertical;min-height:120px}.form-label{color:var(--color-text-muted);pointer-events:none;z-index:3;font-size:1rem;font-weight:500;transition:all .3s;position:absolute;top:1rem;left:1rem}.form-input:focus+.form-label,.form-input:not(:placeholder-shown)+.form-label{color:var(--color-primary);font-size:.75rem;font-weight:600;top:.5rem;left:.75rem}.input-underline{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));transform-origin:0;z-index:2;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.form-input:focus~.input-underline{transform:scaleX(1)}.input-glow{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));opacity:0;z-index:1;border-radius:.75rem;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.form-input:focus~.input-glow{opacity:.05}.submit-button{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse);cursor:pointer;border:none;border-radius:1rem;justify-content:center;align-items:center;gap:.75rem;width:100%;margin-top:1rem;padding:1.25rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.submit-button:hover{box-shadow:var(--shadow-btn-hover);transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}.animate-fadeIn{animation:fadeIn .4s ease-in-out}.button-glow{background:linear-gradient(135deg,var(--color-secondary),var(--color-accent));opacity:0;z-index:1;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.submit-button:hover .button-glow{opacity:1}.button-icon,.button-text{z-index:2;position:relative}.button-icon{align-items:center;display:flex}.send-icon{width:1.25rem;height:1.25rem;transition:transform .3s}.submit-button:hover .send-icon{transform:translate(3px)}.form-footer{text-align:center;border-top:1px solid var(--color-card-border);margin-top:2rem;padding-top:1.5rem}.form-note{color:var(--color-text-muted);justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.lock-icon{width:1rem;height:1rem;color:var(--color-primary)}.form-input:invalid:not(:focus):not(:placeholder-shown){border-color:#ef4444}.form-input:invalid:not(:focus):not(:placeholder-shown)~.input-underline{background:#ef4444;transform:scaleX(1)}.form-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width:768px){.contact-form{padding:2rem 1.5rem}.form-title{font-size:1.5rem}.form-content{gap:1.5rem}.submit-button{padding:1.1rem 1.5rem}}@media (max-width:480px){.contact-form{border-radius:1.25rem;padding:1.5rem 1.25rem}.form-header{margin-bottom:2rem}.form-title{font-size:1.375rem}.form-subtitle{font-size:.9rem}.form-input{padding:1.1rem .875rem .625rem}.form-label{font-size:.9rem;left:.875rem}.form-input:focus+.form-label,.form-input:not(:placeholder-shown)+.form-label{font-size:.7rem;left:.625rem}.submit-button{padding:1rem 1.25rem;font-size:1rem}.form-note{text-align:center;flex-direction:column;gap:.25rem}}.dark .form-input{background:#ffffff08}.dark .form-input:focus{background:#ffffff0d}.submit-button.loading{pointer-events:none;opacity:.8}.submit-button.loading .button-text{opacity:.8}.submit-button.loading .send-icon{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.contact-section{background:var(--color-background);align-items:center;min-height:100vh;padding:6rem 0;display:flex;position:relative;overflow:hidden}.contact-background{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.background-glow{filter:blur(80px);opacity:.1;border-radius:50%;animation:float 15s ease-in-out infinite;position:absolute}.primary-glow{background:var(--color-primary);width:400px;height:400px;animation-delay:0s;top:20%;left:10%}.secondary-glow{background:var(--color-secondary);width:500px;height:500px;animation-delay:-5s;top:60%;right:15%}.accent-glow{background:var(--color-accent);width:300px;height:300px;animation-delay:-10s;bottom:10%;left:20%}.contact-container{z-index:10;width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative}.contact-content{grid-template-columns:1.2fr .8fr;align-items:start;gap:3rem;margin-top:4rem;display:grid}.contact-form-wrapper,.contact-info-wrapper{height:100%}.contact-form-wrapper{position:relative}.contact-info-wrapper{position:sticky;top:2rem}.contact-section .section-title-container{text-align:center;margin-bottom:3rem}.contact-section .section-title{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary),var(--color-accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.75rem;font-weight:800}.contact-section .section-subtitle{color:var(--color-text-muted);max-width:500px;margin:0 auto;font-size:1.2rem;line-height:1.6}@media (max-width:1024px){.contact-content{grid-template-columns:1fr;gap:2.5rem}.contact-info-wrapper{position:relative;top:0}.contact-section .section-title{font-size:2.5rem}}@media (max-width:768px){.contact-section{padding:4rem 0}.contact-container{padding:0 1rem}.contact-content{gap:2rem;margin-top:3rem}.contact-section .section-title{font-size:2.25rem}.contact-section .section-subtitle{font-size:1.1rem}.background-glow{filter:blur(60px)}.primary-glow{width:300px;height:300px}.secondary-glow{width:400px;height:400px}.accent-glow{width:250px;height:250px}}@media (max-width:480px){.contact-section{padding:3rem 0}.contact-section .section-title{font-size:2rem}.contact-section .section-subtitle{padding:0 1rem;font-size:1rem}.contact-content{margin-top:2.5rem}}@media (min-width:1400px){.contact-container{max-width:1400px}.contact-content{grid-template-columns:1.5fr 1fr;gap:4rem}}.contact-section{scroll-margin-top:2rem}.loading{animation:pulse 2s ease-in-out infinite}.contact-success{text-align:center;background:rgba(var(--color-secondary-rgb),.1);border:1px solid var(--color-secondary);border-radius:1rem;margin-top:2rem;padding:2rem}.success-icon{width:3rem;height:3rem;color:var(--color-secondary);margin-bottom:1rem}.success-message{color:var(--color-foreground);font-size:1.1rem;font-weight:600}.success-submessage{color:var(--color-text-muted);margin-top:.5rem}.follow-me-horizontal{background:var(--color-card-bg);border:1px solid var(--color-card-border);box-shadow:var(--shadow-card);border-radius:.875rem;max-width:100%;padding:1rem;transition:all .3s;overflow:hidden}.social-links-container{flex-wrap:wrap;gap:.5rem}.social-link-item,.social-links-container{justify-content:center;align-items:center;display:flex}.social-link-item{opacity:0;background:rgba(var(--color-primary-rgb),.03);border:1px solid #0000;border-radius:.5rem;flex-direction:column;min-width:50px;padding:.5rem;text-decoration:none;transition:all .3s;animation:fadeInUp .6s forwards;position:relative;transform:translateY(10px)}.social-link-item:hover{background:rgba(var(--color-primary-rgb),.1);border-color:var(--color-primary);transform:translateY(-2px)}.social-icon-wrapper{background:rgba(var(--color-primary-rgb),.1);border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;margin-bottom:.375rem;padding:.375rem;transition:all .3s;display:flex;position:relative}.social-link-item:hover .social-icon-wrapper{background:rgba(var(--color-primary-rgb),.2);transform:scale(1.1)}.social-link-item .social-icon{z-index:2;width:1rem;height:1rem;transition:all .3s;position:relative}.social-link-item:hover .social-icon{color:var(--color-text-inverse)!important}.social-glow{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));opacity:0;z-index:1;border-radius:50%;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.social-link-item:hover .social-glow{opacity:.8}.social-name{color:var(--color-text-muted);text-align:center;font-size:.6875rem;font-weight:500;line-height:1.2;transition:color .3s}.social-link-item:hover .social-name{color:var(--color-foreground)}@media (max-width:768px){.follow-me-horizontal{border-radius:.75rem;padding:.75rem}.social-links-container{gap:.375rem}.social-link-item{min-width:45px;padding:.375rem}.social-icon-wrapper{width:1.75rem;height:1.75rem;margin-bottom:.25rem;padding:.25rem}.social-link-item .social-icon{width:.875rem;height:.875rem}.social-name{font-size:.625rem}}@media (max-width:480px){.follow-me-horizontal{padding:.625rem}.social-links-container{gap:.25rem}.social-link-item{border-radius:.375rem;min-width:40px;padding:.25rem}.social-icon-wrapper{width:1.5rem;height:1.5rem;margin-bottom:.1875rem;padding:.25rem}.social-link-item .social-icon{width:.75rem;height:.75rem}.social-name{font-size:.5625rem}}.social-link-item:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.social-link-item{opacity:1;animation:none;transform:none}.social-link-item:hover,.social-link-item:hover .social-icon-wrapper{transform:none}}.project-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);box-shadow:var(--shadow-card);opacity:0;border-radius:1.5rem;flex-direction:column;height:100%;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;transform:translateY(30px)}.project-action-btn.share-action{background:var(--color-share-bg);min-width:120px;color:var(--color-share-text);border-radius:50px;flex:auto;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;font-weight:600;transition:transform .3s,filter .3s;display:inline-flex}.project-action-btn.share-action .content-type-icon svg{width:16px;height:16px}.project-action-btn.share-action:hover{filter:brightness(1.1);transform:scale(1.05)}.project-action-btn.share-action .content-type-icon{margin-left:.5rem;transition:transform .3s}.project-action-btn.share-action:hover .content-type-icon{transform:translate(3px)}.project-card.scroll-animate{opacity:1;transform:translateY(0)}.project-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 25px 50px -12px #00000040}.project-image-container{background:linear-gradient(135deg,var(--color-primary)0,var(--color-secondary)100%);height:240px;overflow:hidden}.project-image-placeholder{width:100%;height:100%;color:var(--color-text-inverse);background:rgba(var(--color-primary-rgb),.1);justify-content:center;align-items:center;font-weight:600;transition:transform .6s;display:flex}.project-card:hover .project-image-placeholder{transform:scale(1.05)}.project-overlay{opacity:0;background:linear-gradient(#0000 30%,#000000e6);align-items:flex-end;padding:1.5rem;transition:all .4s;display:flex;position:absolute;inset:0}.project-card:hover .project-overlay{opacity:1}.project-overlay-content{width:100%;transition:transform .4s;transform:translateY(20px)}.project-image-container{cursor:pointer;position:relative}.project-image{height:auto;transition:opacity .3s}.project-image-container:hover .project-image{opacity:.8}.youtube-preview{z-index:10;background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.loader{color:#fff;font-size:16px}.youtube-preview iframe{border:none;width:100%;height:100%}.project-card:hover .project-overlay-content{transform:translateY(0)}.project-title-overlay{color:var(--color-white);opacity:0;margin-bottom:1rem;font-size:1.5rem;font-weight:700;line-height:1.3;transition:all .4s .1s;display:inline-block;transform:translateY(10px)}.project-card:hover .project-title-overlay{opacity:1;transform:translateY(0)}.project-links-overlay{opacity:0;gap:.75rem;transition:all .4s .2s;display:flex;transform:translateY(10px)}.project-card:hover .project-links-overlay{opacity:1;transform:translateY(0)}.project-link-overlay{white-space:nowrap;border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s;display:inline-flex}.demo-link{background:var(--color-primary);color:var(--color-text-inverse)}.demo-link:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3);transform:translateY(-2px)}.code-link{color:var(--color-text-inverse);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3}.code-link:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #fff3}.project-content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.project-title{color:var(--color-foreground);min-height:2.4em;margin-bottom:.75rem;font-size:1.5rem;font-weight:700;line-height:1.3;display:inline-block;position:relative}.project-image{object-fit:cover;width:100%;height:100%;display:block}.download-link{color:var(--color-accent,#007bff);margin-left:.3rem;font-weight:600;text-decoration:none;transition:color .2s}.download-link:hover{color:var(--color-accent-hover,#0056b3);text-decoration:underline}.project-title:after{content:"";background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));width:0;height:2px;transition:width .4s;position:absolute;bottom:-5px;left:0}.project-card:hover .project-title:after{width:100%}.project-description{color:var(--color-text-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;min-height:76.8px;margin-bottom:1.25rem;line-height:1.6;transition:all .3s;display:-webkit-box;overflow:hidden}.project-card:hover .project-description{color:var(--color-foreground)}.project-tags{flex-wrap:wrap;gap:.5rem;margin-top:auto;margin-bottom:1.5rem;display:flex}.project-tag{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);cursor:default;white-space:nowrap;opacity:0;border-radius:50px;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .3s;transform:scale(.95)}.project-tag:hover{background:rgba(var(--color-primary-rgb),.2);transform:translateY(-2px)scale(1)}.project-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.75rem;display:flex}.project-action-btn{text-align:center;white-space:nowrap;border-radius:50px;flex:auto;justify-content:center;align-items:center;gap:.5rem;min-width:120px;padding:.65rem 1rem;font-weight:600;transition:all .3s;display:inline-flex}.project-action-btn:hover{transform:translateY(-2px)}.primary-action{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse);box-shadow:var(--shadow-btn)}.primary-action:hover{box-shadow:var(--shadow-btn-hover);gap:.75rem}.secondary-action{color:var(--color-white);border:2px solid var(--color-primary)}.secondary-action,.secondary-action:hover{background:linear-gradient(135deg,var(--color-git),var(--color-secondary))}@keyframes tagFadeIn{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes buttonFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.project-card.scroll-animate .project-tag{animation:tagFadeIn .4s forwards}.project-card.scroll-animate .project-action-btn{animation:buttonFadeIn .5s forwards}.project-tag{animation-delay:calc(var(--tag-index,0)*.1s)}.project-action-btn{animation-delay:.3s}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));align-items:stretch;gap:2rem;display:grid}@media (max-width:1024px){.project-image-container{height:220px}.project-title{min-height:2.2em;font-size:1.4rem}.project-description{min-height:70.4px;font-size:.95rem}}@media (max-width:768px){.project-image-container{height:200px}.project-content{padding:1.25rem}.project-title{-webkit-line-clamp:2;line-clamp:2;min-height:2em;font-size:1.3rem}.project-description{min-height:57.6px;margin-bottom:1rem;font-size:.9rem}.project-tags{margin-bottom:1.25rem}.project-actions{flex-direction:column;gap:.5rem}.project-action-btn{width:100%;padding:.75rem 1rem;font-size:.9rem}.project-links-overlay{flex-direction:column;gap:.5rem}.project-link-overlay{justify-content:center;width:100%}.project-overlay{padding:1rem}.project-title-overlay{margin-bottom:.75rem;font-size:1.3rem}}@media (max-width:640px){.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-card{border-radius:1rem}.project-image-container{height:180px}.project-title{font-size:1.25rem}.project-description{min-height:51.2px;font-size:.875rem}.project-tag{padding:.3rem .65rem;font-size:.7rem}}@media (max-width:480px){.project-image-container{height:160px}.project-content{padding:1rem}.project-title{min-height:1.8em;margin-bottom:.5rem;font-size:1.1rem}.project-description{min-height:44.8px;margin-bottom:.75rem;font-size:.85rem;line-height:1.5}.project-tags{gap:.35rem;margin-bottom:1rem}.project-tag{padding:.25rem .6rem;font-size:.65rem}.project-actions{min-height:40px}.project-action-btn{padding:.6rem 1rem;font-size:.85rem}.project-overlay{padding:.75rem}.project-title-overlay{margin-bottom:.5rem;font-size:1.1rem}.project-link-overlay{padding:.4rem .9rem;font-size:.8rem}}@media (hover:none){.project-card:hover{transform:none}.project-card:active{transform:scale(.98)}.project-action-btn:hover,.project-link-overlay:hover,.project-tag:hover{transform:none}.project-action-btn:active,.project-link-overlay:active,.project-tag:active{transform:scale(.95)}.project-card:hover .project-image-placeholder{transform:none}.project-card:hover .project-overlay{opacity:1}.project-card:hover .project-overlay-content{transform:translateY(0)}.project-card:hover .project-links-overlay,.project-card:hover .project-title-overlay{opacity:1;transform:translateY(0)}}.category-banner{background:var(--color-background);padding:1.5rem 1rem;position:relative;overflow:hidden}.banner-container{height:380px;box-shadow:var(--shadow-card);background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:20px;position:relative;overflow:hidden}.banner-slide .banner-overlay{opacity:.7;z-index:1;background:linear-gradient(135deg,#0009,#0000004d);position:absolute;inset:0}.banner-slide>:not(.banner-overlay){z-index:2;position:relative}.banner-track{will-change:transform;backface-visibility:hidden;perspective:1000px;width:100%;height:100%;display:flex}.banner-slide{will-change:transform,opacity;flex:0 0 100%;align-items:center;height:100%;padding:0 2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.banner-track{transition:transform .6s cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion:reduce){.banner-track,.category-icon,.collage-image{transition:none!important;animation:none!important}}.banner-nav{touch-action:manipulation}.banner-container{-webkit-overflow-scrolling:touch}.banner-content{grid-template-columns:1.2fr 1fr;align-items:center;gap:2.5rem;width:100%;max-width:1200px;height:100%;margin:0 auto;display:grid}.banner-text{z-index:2;-webkit-backdrop-filter:blur(10px);color:#fff;background-color:#ffffff1a;border:1px solid #fff3;border-radius:1rem;padding:1.5rem;transition:all .3s ease-in-out;box-shadow:0 8px 20px #00000040}.banner-text:hover{background-color:#ffffff26}.text-header{align-items:center;gap:.8rem;margin-bottom:1.2rem;display:flex}.category-icon{font-size:2rem;animation:bounce 3s ease-in-out infinite}.category-badge{letter-spacing:.05em;border-radius:100px;padding:.4rem 1rem;font-size:.75rem;font-weight:700;display:inline-block}.banner-title{background:linear-gradient(135deg,currentColor 0,var(--color-primary)100%);-webkit-text-fill-color:transparent;text-shadow:0 0 1px,0 0 20px;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.banner-description{opacity:.85;color:var(--color-white);max-width:90%;margin-bottom:2rem;font-size:1rem;line-height:1.5}.banner-cta{color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.6rem;padding:.9rem 1.8rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 15px,0 0 30px}.banner-cta:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .7s;position:absolute;top:0;left:-100%}.banner-cta:hover:before{left:100%}.banner-cta:hover{gap:.8rem;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.cta-arrow{width:1.1rem;height:1.1rem;transition:transform .3s}.banner-cta:hover .cta-arrow{transform:translate(4px)}.banner-visual{justify-content:center;align-items:center;height:100%;padding:1rem 0;display:flex;position:relative}.compact-collage{grid-template-columns:2fr 1fr;gap:1rem;width:100%;height:100%;display:grid;position:relative}.main-image-container{align-items:center;height:100%;display:flex;position:relative}.collage-image{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-position:50%;background-size:cover;border-radius:12px;transition:transform .3s,box-shadow .3s}.collage-image.main{width:100%;height:220px;animation:float 6s ease-in-out infinite}.side-images{flex-direction:column;justify-content:center;gap:1rem;display:flex}.collage-image.side{width:100%;height:100px}.collage-image.side:first-child{animation:float-secondary 7s ease-in-out infinite}.collage-image.side:nth-child(2){animation:float-secondary-reverse 8s ease-in-out infinite}.collage-image:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 20px 40px #0000004d!important}.banner-nav{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #0000001a}.banner-nav:hover{transform:translateY(-50%)scale(1.1);box-shadow:0 6px 16px #00000026}.banner-nav-prev{left:1rem}.banner-nav-next{right:1rem}.banner-nav svg{width:20px;height:20px}.banner-indicators{z-index:4;gap:.6rem;display:flex;position:absolute;bottom:1.2rem;left:50%;transform:translate(-50%)}.indicator{cursor:pointer;opacity:.6;border:none;border-radius:50%;width:8px;height:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.indicator.active{opacity:1;transform:scale(1.3)}.indicator:hover{opacity:.8;transform:scale(1.2)}@keyframes float-secondary{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(-1deg)}}@keyframes float-secondary-reverse{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(5px)rotate(1deg)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@media (max-width:1024px){.banner-content{gap:2rem}.banner-title{font-size:1.9rem}}@media (max-width:768px){.category-banner{margin:1.5rem 0;padding:0 .5rem}.banner-container{border-radius:16px;height:420px}.banner-slide{padding:0 1.5rem}.banner-content{text-align:center;grid-template-columns:1fr;gap:1.5rem}.banner-title{font-size:1.8rem}.banner-description{max-width:100%;margin-bottom:1.5rem;font-size:.95rem}.text-header{justify-content:center}.banner-visual{order:-1;height:180px;padding:.5rem 0}.compact-collage{grid-template-columns:1fr 1fr;gap:.8rem}.collage-image.main{height:180px}.collage-image.side{height:80px}.banner-nav{width:38px;height:38px}.banner-nav svg{width:18px;height:18px}.banner-indicators{bottom:1rem}}@media (max-width:480px){.banner-container{height:380px}.banner-title{font-size:1.6rem}.banner-cta{padding:.8rem 1.5rem;font-size:.9rem}.banner-visual,.collage-image.main{height:160px}.collage-image.side{height:70px}.banner-nav{width:34px;height:34px}.banner-nav svg{width:16px;height:16px}}:root{--color-bg-primary:#fff;--color-bg-secondary:#1f2937;--color-text-primary:#000;--color-text-secondary:#4b5563;--color-border:#e5e7eb;--color-qr-bg:#ffffffe6;--color-qr-fg:#000;--color-qr-border:#e5e7eb;--color-qr-text:#4b5563}.dark{--color-bg-primary:#111827;--color-bg-secondary:#374151;--color-text-primary:#fff;--color-text-secondary:#d1d5db;--color-border:#374151;--color-qr-bg:#111827e6;--color-qr-fg:#fff;--color-qr-border:#374151;--color-qr-text:#d1d5db}.qr-container{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:fixed}.qr-container.top-right{top:1rem;right:1rem}.qr-container.top-left{top:1rem;left:1rem}.qr-container.bottom-right{bottom:1rem;right:1rem}.qr-container.bottom-left{bottom:1rem;left:1rem}.qr-wrapper{background-color:var(--color-qr-bg);border:1px solid var(--color-qr-border);border-radius:.75rem;padding:.5rem;transition:all .2s ease-in-out;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.qr-wrapper:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.qr-canvas{border-radius:.5rem;display:block}.qr-label{text-align:center;color:var(--color-qr-text);margin-top:.25rem;font-size:.75rem;line-height:1rem}.video-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000e6;justify-content:center;align-items:center;padding:1rem;animation:modalFadeIn .3s ease-out;display:flex;position:fixed;inset:0}.video-modal-content{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:1.5rem;width:100%;max-width:900px;max-height:90vh;padding:2rem;animation:modalSlideIn .3s ease-out;position:relative;box-shadow:0 25px 50px -12px #00000080}.video-modal-close{cursor:pointer;width:2.5rem;height:2.5rem;color:var(--color-text);z-index:10;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem}.video-modal-close:hover{background:#fff3;transform:rotate(90deg)}.video-modal-header{text-align:center;margin-bottom:1.5rem}.video-modal-title{color:var(--color-foreground);margin:0;font-size:1.5rem;font-weight:700}.video-player-container{aspect-ratio:16/9;background:#000;border-radius:.75rem;position:relative;overflow:hidden}.video-wrapper{opacity:1;width:100%;height:100%;transition:opacity .3s}.video-wrapper.loading{opacity:0}.youtube-iframe{border:none;border-radius:.75rem;width:100%;height:100%}.video-loading{background:#000c}.no-video-message,.video-error,.video-loading{color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.no-video-message,.video-error{text-align:center;background:#000000e6;padding:2rem}.error-icon,.no-video-icon{margin-bottom:1rem;font-size:3rem}.no-video-message h4,.video-error h4{color:var(--color-text-inverse);margin-bottom:.5rem;font-size:1.25rem}.no-video-message p,.video-error p{color:var(--color-text-muted);margin-bottom:1.5rem}.video-modal-footer{text-align:center;margin-top:1.5rem}.video-warning{color:var(--color-text-muted);margin:0;font-size:.875rem}.project-action-btn.has-video,.project-link-overlay.has-video{position:relative}.project-action-btn.has-video:after,.project-link-overlay.has-video:after{content:"▶";background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:.6rem;line-height:1;display:flex;position:absolute;top:-5px;right:-5px}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:768px){.video-modal-content{margin:1rem;padding:1.5rem}.video-modal-title{font-size:1.25rem}.no-video-message h4,.video-error h4{font-size:1.1rem}.error-icon,.no-video-icon{font-size:2.5rem}}@media (max-width:480px){.video-modal-content{padding:1rem}.video-modal-title{font-size:1.1rem}.no-video-message,.video-error{padding:1rem}.error-icon,.no-video-icon{font-size:2rem}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;-webkit-overflow-scrolling:touch;background:#000000d9;justify-content:center;animation:modalFadeIn .22s ease-out;position:fixed;inset:0;overflow:auto}.modal-content,.modal-overlay{box-sizing:border-box;padding:24px;display:flex}.modal-content{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:16px;flex-direction:column;width:clamp(700px,85vw,1200px);max-width:1200px;max-height:calc(100vh - 12px);margin-top:30vw;animation:modalSlideIn .26s ease-out;position:relative;overflow:hidden;box-shadow:0 30px 60px #0009}.modal-body{-webkit-overflow-scrolling:touch;flex:auto;min-height:320px;max-height:calc(100vh - 220px)}@media (max-width:1024px){.modal-content{border-radius:14px;width:clamp(560px,92vw,1000px);padding:20px}.modal-body{max-height:calc(100vh - 200px)}}@media (max-width:640px){.modal-content{border-radius:12px;width:calc(100vw - 32px);max-height:calc(100vh - 32px);padding:16px}.modal-body{min-height:220px;max-height:calc(100vh - 160px)}.modal-close{top:12px;right:12px}}.modal-close{cursor:pointer;width:2.5rem;height:2.5rem;color:var(--color-text);z-index:10;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{background:#fff3;transform:rotate(90deg)}.modal-header{margin-bottom:1.5rem;padding-right:2rem}.modal-type-badge{text-transform:uppercase;color:#fff;border-radius:.25rem;margin-bottom:.5rem;padding:.25rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.youtube-badge{background:var(--color-youtube-enhanced)}.image-badge{background:var(--color-image-enhanced)}.figma-badge{background:var(--color-figma-enhanced)}.article-badge{background:var(--color-article-enhanced)}.pdf-badge{background:var(--color-pdf-enhanced)}.modal-title{color:var(--color-foreground);margin:0 0 .5rem;font-size:1.5rem;font-weight:700;line-height:1.3}.modal-metadata{color:var(--color-text-muted);flex-wrap:wrap;gap:1rem;font-size:.875rem;display:flex}.modal-body{flex:1;min-height:300px;overflow:auto}.modal-media-container{background:#000;border-radius:.75rem;justify-content:center;align-items:center;width:100%;max-width:100%;height:auto;display:flex;position:relative;overflow:hidden}.media-wrapper{aspect-ratio:16/9;width:100%;position:relative}.media-wrapper iframe,.media-wrapper img{object-fit:contain;border:0;border-radius:8px;width:100%;height:100%;max-height:70vh;display:block}.media-wrapper.loading{opacity:0}.figma-iframe,.pdf-iframe,.youtube-iframe{border:none;border-radius:.75rem;width:100%;height:100%}.modal-image{object-fit:cover;border-radius:.75rem;width:100%;height:100%}.modal-article-container{width:100%;max-width:800px;margin:0 auto}.article-content{padding:1rem 0}.article-html-content{color:var(--color-foreground);line-height:1.6}.article-html-content h2{color:var(--color-primary);margin:1.5rem 0 .75rem;font-size:1.5rem}.article-html-content p{margin-bottom:1rem}.article-html-content ul{margin-bottom:1rem;padding-left:1.5rem}.article-html-content li{margin-bottom:.5rem}.article-original-link{border-top:1px solid var(--color-card-border);text-align:center;margin-top:2rem;padding-top:1rem}.article-original-link a{color:var(--color-primary);font-weight:600;text-decoration:none}.article-original-link a:hover{text-decoration:underline}.modal-loading{color:#fff;z-index:5;background:#000c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-spinner{border:3px solid #ffffff4d;border-top:3px solid var(--color-primary);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:spin 1s ease-in-out infinite}.modal-error,.modal-no-content{color:#fff;text-align:center;z-index:10;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.error-icon,.no-content-icon{margin-bottom:1rem;font-size:3rem}.modal-error h4,.modal-no-content h4{color:var(--color-text-inverse);margin-bottom:.5rem;font-size:1.25rem}.modal-error p,.modal-no-content p{color:var(--color-text-muted);margin-bottom:1.5rem}.retry-button{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.retry-button:hover{background:var(--color-primary-hover);transform:translateY(-2px)}.modal-footer{text-align:center;margin-top:1.5rem}.modal-warning{color:var(--color-text-muted);margin:0;font-size:.875rem}.project-action-btn,.project-link-overlay{cursor:pointer;border-radius:10px;transition:all .3s ease-in-out;position:relative;overflow:hidden}.project-link-overlay.youtube-link{background:var(--color-youtube)}.project-link-overlay.image-link{background:var(--color-image)}.project-link-overlay.figma-link{background:var(--color-figma)}.project-link-overlay.article-link{background:var(--color-article)}.project-link-overlay.pdf-link{background:var(--color-pdf)}.project-link-overlay:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000040}.project-link-overlay:after{content:"";background:linear-gradient(120deg,#ffffff4d,#fff0);width:50%;height:100%;position:absolute;top:0;left:-75%;transform:skew(-20deg)}.project-link-overlay:hover:after{animation:shine .8s forwards}@keyframes shine{to{left:125%}}.project-action-btn.youtube-action{background:var(--color-youtube-gradient)}.project-action-btn.image-action{background:var(--color-image-gradient)}.project-action-btn.figma-action{background:var(--color-figma-gradient)}.project-action-btn.article-action{background:var(--color-article-gradient)}.project-action-btn.pdf-action{background:var(--color-pdf-gradient)}.project-action-btn{color:var(--color-text-inverse);background-position:0 0;background-size:200% 200%;border-radius:10px;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.project-action-btn:hover{animation:gradientPulse 1.5s ease-in-out infinite;transform:translateY(-4px)scale(1.08);box-shadow:0 12px 24px #0000004d}.project-action-btn:after{content:"";opacity:0;background:linear-gradient(90deg,#fff0,#ffffff4d 50%,#fff0);width:50%;height:100%;transition:all 1.5s;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.project-action-btn:hover:after{opacity:1;left:150%}@keyframes gradientPulse{0%{background-position:0;box-shadow:0 8px 20px #00000040}50%{background-position:100%;box-shadow:0 12px 28px #00000059}to{background-position:0;box-shadow:0 8px 20px #00000040}}@media (hover:none){.project-action-btn:hover{animation:none;transform:none}.project-action-btn:after{display:none}}.content-type-icon{margin-left:.25rem;font-size:1.1em}.content-type-icon,.content-type-text{color:var(--color-white);transition:transform .25s}.content-type-text{font-size:.9rem;font-weight:700}@media (max-width:768px){.modal-content{margin:1rem;padding:1.5rem}.modal-title{font-size:1.25rem}.modal-metadata{flex-direction:column;gap:.25rem}.modal-error h4,.modal-no-content h4{font-size:1.1rem}.error-icon,.no-content-icon{font-size:2.5rem}.modal-media-container{aspect-ratio:4/3}}@media (max-width:480px){.modal-content{padding:1rem}.modal-title{font-size:1.1rem}.modal-error,.modal-no-content{padding:1rem}.error-icon,.no-content-icon{font-size:2rem}.project-actions{flex-direction:column}.project-action-btn{width:100%}}@media (hover:none){.modal-close:hover{background:#ffffff1a;transform:none}.retry-button:hover{transform:none}}.social-flyer{background:var(--color-card-bg);border:1px solid var(--color-card-border);box-shadow:var(--shadow-card);opacity:0;border-radius:1.5rem;flex-direction:column;height:100%;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;transform:translateY(30px)}.flyer-modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.flyer-modal{background:var(--color-card-bg);border:1px solid var(--color-card-border);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-card);border-radius:12px;position:relative;overflow:auto}.flyer-modal-close{color:var(--color-text-inverse);cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:background-color .3s;display:flex;position:absolute;top:1rem;right:1rem}.flyer-modal-close:hover{background:#000000b3}.flyer-modal-content img{object-fit:cover;width:100%;max-height:300px}.flyer-modal-details{padding:2rem}.flyer-modal-details h2{color:var(--color-foreground);margin-top:0;margin-bottom:1rem;font-size:1.8rem}.flyer-modal-details p{color:var(--color-text-muted);margin-bottom:1.5rem;line-height:1.6}.flyer-modal-cta{background:var(--color-primary);color:var(--color-text-inverse);border-radius:30px;margin-top:1rem;padding:.8rem 1.5rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.flyer-modal-cta:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3);transform:translateY(-2px)}.flyer-modal-overlay{animation:modalFadeIn .3s}.flyer-modal{animation:modalSlideIn .3s}@media (max-width:768px){.flyer-modal{max-width:100%;margin:1rem}.flyer-modal-details{padding:1.5rem}.flyer-modal-details h2{font-size:1.5rem}}@media (max-width:480px){.flyer-modal-details{padding:1.25rem 1rem}.flyer-modal-details h2{font-size:1.3rem}.flyer-modal-cta{padding:.7rem 1.25rem;font-size:.9rem}}.social-flyer.scroll-animate{opacity:1;transform:translateY(0)}.social-flyer:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 25px 50px -12px #00000040}.flyer-image-container{background:linear-gradient(135deg,var(--color-primary)0,var(--color-secondary)100%);height:280px;position:relative;overflow:hidden}.flyer-image-placeholder{width:100%;height:100%;color:var(--color-text-inverse);background:rgba(var(--color-primary-rgb),.1);justify-content:center;align-items:center;font-weight:600;transition:transform .6s;display:flex}.social-flyer:hover .flyer-image-placeholder{transform:scale(1.05)}.flyer-overlay{opacity:0;background:linear-gradient(#0000 30%,#000000e6);align-items:flex-end;padding:1.5rem;transition:all .4s;display:flex;position:absolute;inset:0}.social-flyer:hover .flyer-overlay{opacity:1}.flyer-overlay-content{width:100%;transition:transform .4s;transform:translateY(20px)}.social-flyer:hover .flyer-overlay-content{transform:translateY(0)}.flyer-title-overlay{color:var(--color-text-inverse);opacity:0;margin-bottom:1rem;font-size:1.5rem;font-weight:700;line-height:1.3;transition:all .4s .1s;display:inline-block;transform:translateY(10px)}.social-flyer:hover .flyer-title-overlay{opacity:1;transform:translateY(0)}.flyer-links-overlay{opacity:0;gap:.75rem;transition:all .4s .2s;display:flex;transform:translateY(10px)}.social-flyer:hover .flyer-links-overlay{opacity:1;transform:translateY(0)}.flyer-link-overlay{white-space:nowrap;z-index:1;border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.flyer-link-overlay:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .7s;position:absolute;top:0;left:-100%}.flyer-link-overlay:hover:before{left:100%}.flyer-demo-link{background:var(--color-primary);color:var(--color-text-inverse)}.flyer-demo-link:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3);transform:translateY(-2px)}.flyer-code-link{color:var(--color-text-inverse);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3}.flyer-code-link:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #fff3}.flyer-content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.flyer-title{color:var(--color-foreground);min-height:2.4em;margin-bottom:.75rem;font-size:1.5rem;font-weight:700;line-height:1.3;display:inline-block;position:relative}.flyer-title:after{content:"";background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));width:0;height:2px;transition:width .4s;position:absolute;bottom:-5px;left:0}.social-flyer:hover .flyer-title:after{width:100%}.flyer-description{color:var(--color-text-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;min-height:76.8px;margin-bottom:1.25rem;line-height:1.6;transition:all .3s;display:-webkit-box;overflow:hidden}.social-flyer:hover .flyer-description{color:var(--color-foreground)}.flyer-tags{flex-wrap:wrap;gap:.5rem;margin-top:auto;margin-bottom:1.5rem;display:flex}.flyer-tag{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);cursor:default;white-space:nowrap;opacity:0;border-radius:50px;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .3s;transform:scale(.95)}.flyer-tag:hover{background:rgba(var(--color-primary-rgb),.2);transform:translateY(-2px)scale(1)}.flyer-actions{align-items:stretch;gap:.75rem;min-height:44px;display:flex}.flyer-action-btn{text-align:center;white-space:nowrap;opacity:0;z-index:1;border-radius:50px;flex:1;justify-content:center;align-items:center;gap:.5rem;min-width:0;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;transform:translateY(5px)}.flyer-action-btn:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .7s;position:absolute;top:0;left:-100%}.flyer-action-btn:hover:before{left:100%}.flyer-action-btn:hover{transform:translateY(-2px)}.flyer-primary-action{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse);box-shadow:var(--shadow-btn)}.flyer-primary-action:hover{box-shadow:var(--shadow-btn-hover);gap:.75rem}.flyer-secondary-action{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.flyer-secondary-action:hover{background:rgba(var(--color-primary-rgb),.1)}.flyer-footer{background:var(--color-card-bg-light);border-top:1px solid var(--color-card-border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.flyer-meta{flex-direction:column;gap:.25rem;display:flex}.meta-author{color:var(--color-text-muted);font-size:.85rem;font-weight:500}.meta-date{color:var(--color-text-muted-light);font-size:.75rem}.flyer-share .share-btn{border:1px solid var(--color-card-border);color:var(--color-text-muted);cursor:pointer;z-index:1;background:0 0;border-radius:6px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.8rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.flyer-share .share-btn:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .7s;position:absolute;top:0;left:-100%}.flyer-share .share-btn:hover:before{left:100%}.flyer-share .share-btn:hover{background:var(--color-card-bg-light);border-color:var(--color-primary);color:var(--color-primary)}.scroll-animate{animation:fadeInUp .6s forwards}.social-flyer.scroll-animate .flyer-tag{animation:tagFadeIn .4s forwards}.social-flyer.scroll-animate .flyer-action-btn{animation:buttonFadeIn .5s forwards}.flyer-tag{animation-delay:calc(var(--tag-index,0)*.1s)}.flyer-action-btn{animation-delay:.3s}@media (max-width:1024px){.flyer-image-container{height:240px}.flyer-title{min-height:2.2em;font-size:1.4rem}.flyer-description{min-height:70.4px;font-size:.95rem}}@media (max-width:768px){.flyer-image-container{height:220px}.flyer-content{padding:1.25rem}.flyer-title{-webkit-line-clamp:2;line-clamp:2;min-height:2em;font-size:1.3rem}.flyer-description{min-height:57.6px;margin-bottom:1rem;font-size:.9rem}.flyer-tags{margin-bottom:1.25rem}.flyer-actions{flex-direction:column;gap:.5rem}.flyer-action-btn{width:100%;padding:.75rem 1rem;font-size:.9rem}.flyer-links-overlay{flex-direction:column;gap:.5rem}.flyer-link-overlay{justify-content:center;width:100%}.flyer-overlay{padding:1rem}.flyer-title-overlay{margin-bottom:.75rem;font-size:1.3rem}.flyer-footer{flex-direction:column;align-items:flex-start;gap:1rem}}@media (max-width:640px){.flyer-image-container{height:200px}.social-flyer{border-radius:1rem}.flyer-title{font-size:1.25rem}.flyer-description{min-height:51.2px;font-size:.875rem}.flyer-tag{padding:.3rem .65rem;font-size:.7rem}}@media (max-width:480px){.flyer-image-container{height:180px}.flyer-content{padding:1rem}.flyer-title{min-height:1.8em;margin-bottom:.5rem;font-size:1.1rem}.flyer-description{min-height:44.8px;margin-bottom:.75rem;font-size:.85rem;line-height:1.5}.flyer-tags{gap:.35rem;margin-bottom:1rem}.flyer-tag{padding:.25rem .6rem;font-size:.65rem}.flyer-actions{min-height:40px}.flyer-action-btn{padding:.6rem 1rem;font-size:.85rem}.flyer-overlay{padding:.75rem}.flyer-title-overlay{margin-bottom:.5rem;font-size:1.1rem}.flyer-link-overlay{padding:.4rem .9rem;font-size:.8rem}}@media (hover:none){.social-flyer:hover{transform:none}.social-flyer:active{transform:scale(.98)}.flyer-action-btn:hover,.flyer-link-overlay:hover,.flyer-tag:hover{transform:none}.flyer-action-btn:active,.flyer-link-overlay:active,.flyer-tag:active{transform:scale(.95)}.social-flyer:hover .flyer-image-placeholder{transform:none}.social-flyer:hover .flyer-overlay{opacity:1}.social-flyer:hover .flyer-overlay-content{transform:translateY(0)}.social-flyer:hover .flyer-links-overlay,.social-flyer:hover .flyer-title-overlay{opacity:1;transform:translateY(0)}.flyer-action-btn:before,.flyer-link-overlay:before,.flyer-share .share-btn:before{display:none}.flyer-modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.flyer-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;position:relative;overflow:auto}.flyer-modal-close{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;position:absolute;top:1rem;right:1rem}.flyer-modal-content img{object-fit:cover;width:100%;max-height:300px}.flyer-modal-details{padding:2rem}.flyer-modal-details h2{color:#333;margin-top:0}.flyer-modal-details p{color:#666;line-height:1.6}.flyer-modal-cta{color:#fff;background:#6e5494;border-radius:30px;margin-top:1rem;padding:.8rem 1.5rem;font-weight:500;text-decoration:none;display:inline-block}@media (max-width:768px){.flyer-modal{max-width:100%}.flyer-links-overlay{align-items:center}.flyer-actions,.flyer-links-overlay{flex-direction:column}}.flyer-modal-cta:hover{background:#5a4080}@keyframes slideInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (max-width:768px){.flyer-image{height:240px}.flyer-overlay{padding:1.5rem}.flyer-title{font-size:1.3rem}.flyer-footer{flex-direction:column;align-items:flex-start;gap:1rem}.flyer-modal{max-width:100%}}}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}