/*! tailwindcss v4.3.3 | 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)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-blue-50:oklch(97% .014 254.604);--color-blue-600:oklch(54.6% .245 262.881);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-800:oklch(43.2% .232 292.759);--color-violet-900:oklch(38% .189 293.745);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-md:12px;--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{*,:after,:before,::backdrop{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}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{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:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-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{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{scroll-behavior:smooth;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}body{background-color:var(--color-slate-100);min-height:100vh;color:var(--color-slate-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body ::selection{background-color:var(--color-violet-100)}body::selection{background-color:var(--color-violet-100)}body ::selection{color:var(--color-violet-900)}body::selection{color:var(--color-violet-900)}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.-inset-1\.5{inset:calc(var(--spacing) * -1.5)}.inset-0{inset:0}.top-0{top:0}.top-6{top:calc(var(--spacing) * 6)}.bottom-6{bottom:calc(var(--spacing) * 6)}.left-8{left:calc(var(--spacing) * 8)}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-inline:auto}.my-0{margin-block:0}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.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-12{margin-top:calc(var(--spacing) * 12)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-\[4\/5\]{aspect-ratio:4/5}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-auto{height:auto}.max-h-\[85vh\]{max-height:85vh}.max-h-\[360px\]{max-height:360px}.max-h-\[420px\]{max-height:420px}.min-h-screen{min-height:100vh}.w-0\.5{width:calc(var(--spacing) * .5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-md{max-width:var(--container-md)}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,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-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.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)}.gap-10{gap:calc(var(--spacing) * 10)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-6{column-gap:calc(var(--spacing) * 6)}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(var(--spacing) * var(--tw-space-x-reverse));margin-inline-end:calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:2147483647px}.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-2{border-style:var(--tw-border-style);border-width:2px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-amber-100{border-color:var(--color-amber-100)}.border-amber-200{border-color:var(--color-amber-200)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\/60{border-color:#e2e8f099}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/60{border-color:color-mix(in oklab, var(--color-slate-200) 60%, transparent)}}.border-slate-200\/80{border-color:#e2e8f0cc}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/80{border-color:color-mix(in oklab, var(--color-slate-200) 80%, transparent)}}.border-violet-100{border-color:var(--color-violet-100)}.border-violet-200{border-color:var(--color-violet-200)}.border-violet-600{border-color:var(--color-violet-600)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-50\/80{background-color:#f8fafccc}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\/80{background-color:color-mix(in oklab, var(--color-slate-50) 80%, transparent)}}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-900\/60{background-color:#0f172b99}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/60{background-color:color-mix(in oklab, var(--color-slate-900) 60%, transparent)}}.bg-violet-50{background-color:var(--color-violet-50)}.bg-violet-100{background-color:var(--color-violet-100)}.bg-violet-100\/60{background-color:#ede9fe99}@supports (color:color-mix(in lab, red, red)){.bg-violet-100\/60{background-color:color-mix(in oklab, var(--color-violet-100) 60%, transparent)}}.bg-violet-600{background-color:var(--color-violet-600)}.bg-white{background-color:var(--color-white)}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-violet-200{--tw-gradient-from:var(--color-violet-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-200{--tw-gradient-to:var(--color-slate-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pr-1{padding-right:var(--spacing)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--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-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-blue-600{color:var(--color-blue-600)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-violet-600{color:var(--color-violet-600)}.text-violet-700{color:var(--color-violet-700)}.text-violet-800{color:var(--color-violet-800)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-60{opacity:.6}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);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);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px 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)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px 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)}.shadow-xl{--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)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + 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)}.shadow-slate-200\/40{--tw-shadow-color:#e2e8f066}@supports (color:color-mix(in lab, red, red)){.shadow-slate-200\/40{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-slate-200) 40%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-slate-200\/50{--tw-shadow-color:#e2e8f080}@supports (color:color-mix(in lab, red, red)){.shadow-slate-200\/50{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-slate-200) 50%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-violet-100\/50{--tw-shadow-color:#ede9fe80}@supports (color:color-mix(in lab, red, red)){.shadow-violet-100\/50{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-violet-100) 50%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-violet-200{--tw-shadow-color:oklch(89.4% .057 293.283)}@supports (color:color-mix(in lab, red, red)){.shadow-violet-200{--tw-shadow-color:color-mix(in oklab, var(--color-violet-200) var(--tw-shadow-alpha), transparent)}}.ring-violet-200{--tw-ring-color:var(--color-violet-200)}.blur-md{--tw-blur:blur(var(--blur-md));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,)}.filter{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,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.group-hover\:bg-blue-600:is(:where(.group):hover *){background-color:var(--color-blue-600)}.group-hover\:bg-emerald-600:is(:where(.group):hover *){background-color:var(--color-emerald-600)}.group-hover\:bg-violet-600:is(:where(.group):hover *){background-color:var(--color-violet-600)}.group-hover\:bg-violet-700:is(:where(.group):hover *){background-color:var(--color-violet-700)}.group-hover\:text-blue-600:is(:where(.group):hover *){color:var(--color-blue-600)}.group-hover\:text-emerald-600:is(:where(.group):hover *){color:var(--color-emerald-600)}.group-hover\:text-violet-700:is(:where(.group):hover *){color:var(--color-violet-700)}.group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}}.selection\:bg-violet-100 ::selection{background-color:var(--color-violet-100)}.selection\:bg-violet-100::selection{background-color:var(--color-violet-100)}.selection\:text-violet-900 ::selection{color:var(--color-violet-900)}.selection\:text-violet-900::selection{color:var(--color-violet-900)}@media (hover:hover){.hover\:border-violet-100:hover{border-color:var(--color-violet-100)}.hover\:border-violet-200:hover{border-color:var(--color-violet-200)}.hover\:border-violet-300:hover{border-color:var(--color-violet-300)}.hover\:bg-emerald-100:hover{background-color:var(--color-emerald-100)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:bg-violet-50:hover{background-color:var(--color-violet-50)}.hover\:bg-violet-50\/30:hover{background-color:#f5f3ff4d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-violet-50\/30:hover{background-color:color-mix(in oklab, var(--color-violet-50) 30%, transparent)}}.hover\:bg-violet-50\/40:hover{background-color:#f5f3ff66}@supports (color:color-mix(in lab, red, red)){.hover\:bg-violet-50\/40:hover{background-color:color-mix(in oklab, var(--color-violet-50) 40%, transparent)}}.hover\:bg-violet-50\/50:hover{background-color:#f5f3ff80}@supports (color:color-mix(in lab, red, red)){.hover\:bg-violet-50\/50:hover{background-color:color-mix(in oklab, var(--color-violet-50) 50%, transparent)}}.hover\:bg-violet-100:hover{background-color:var(--color-violet-100)}.hover\:bg-violet-700:hover{background-color:var(--color-violet-700)}.hover\:text-slate-600:hover{color:var(--color-slate-600)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}.hover\:text-slate-900:hover{color:var(--color-slate-900)}.hover\:text-violet-700:hover{color:var(--color-violet-700)}.hover\:text-violet-800:hover{color:var(--color-violet-800)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px 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)}.hover\:shadow-violet-300:hover{--tw-shadow-color:oklch(81.1% .111 293.571)}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-violet-300:hover{--tw-shadow-color:color-mix(in oklab, var(--color-violet-300) var(--tw-shadow-alpha), transparent)}}}.focus\:bg-white:focus{background-color:var(--color-white)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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\:ring-violet-500:focus{--tw-ring-color:var(--color-violet-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-\[0\.98\]:active{scale:.98}@media (width>=40rem){.sm\:my-4{margin-block:calc(var(--spacing) * 4)}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:rounded-3xl{border-radius:var(--radius-3xl)}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-10{padding:calc(var(--spacing) * 10)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (width>=48rem){.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-center{align-items:center}.md\:py-16{padding-block:calc(var(--spacing) * 16)}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media (width>=64rem){.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:p-12{padding:calc(var(--spacing) * 12)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}}@media (width>=80rem){:where(.xl\: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)))}}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@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-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}

/* ---- multi-page mode: show only the current page's section ---- */
body[data-page] main > section{display:none}
body[data-page="hero"] #hero,
body[data-page="about"] #profile-hero,
body[data-page="members"] #members,
body[data-page="startup"] #startup,
body[data-page="about"] #about,
body[data-page="education"] #education,
body[data-page="experience"] #experience,
body[data-page="research"] #research,
body[data-page="publications"] #publications,
body[data-page="projects"] #projects,
body[data-page="achievements"] #achievements,
body[data-page="achievements"] #activities,
body[data-page="contact"] #contact{display:block}

/* ---- Typography refresh (reference: drmanikandan.netlify.app) ----
   Fonts, sizes, weights, tracking and line-height only. Colours, layout and content are unchanged. */
:root{--font-sans:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
html,body,button,input,textarea,select{font-family:var(--font-sans)}
body{font-weight:400;letter-spacing:-.005em;text-rendering:optimizeLegibility}
p,li{line-height:1.7}
h1{font-size:clamp(2.4rem,5.6vw,4.1rem);font-weight:800;letter-spacing:-.035em;line-height:1.05}
h2{font-size:clamp(1.9rem,3.6vw,2.75rem);font-weight:800;letter-spacing:-.03em;line-height:1.1}
h3{font-weight:700;letter-spacing:-.02em;line-height:1.3}
h4,h5{font-weight:700;letter-spacing:-.015em}
nav a,header a{font-weight:500;letter-spacing:-.01em}
header a:first-child,header a:first-of-type{font-weight:800;letter-spacing:-.025em}
strong,b{font-weight:700}
.uppercase{font-family:var(--font-mono);font-weight:500;letter-spacing:.14em;font-size:.72rem}
.font-mono,code,kbd{font-family:var(--font-mono);letter-spacing:0}
.font-extrabold{letter-spacing:-.03em}
@media (max-width:640px){h1{font-size:2.3rem}h2{font-size:1.8rem}}
header nav a,header .uppercase,header button{white-space:nowrap}

/* ---- Header fix: spacing between nav and Download CV, single-line button ---- */
header .max-w-7xl > .flex.justify-between{gap:1.5rem}
header .max-w-7xl > .flex.justify-between > button:first-child{flex-shrink:0}
header nav{min-width:0}
header nav button{padding-inline:.65rem;white-space:nowrap}
header .hidden.md\:flex{flex-shrink:0}
header a[download]{white-space:nowrap;flex-shrink:0}
/* tablet / small laptop: not enough room for 9 links + CV button, so use the hamburger menu */
@media (min-width:1024px) and (max-width:1279px){
  header nav.hidden{display:none}
  header div.lg\:hidden.flex{display:flex}
  header div.lg\:hidden:not(.flex){display:block}
}
header nav>button{margin:0;padding-inline:.5rem;font-size:.85rem}
header nav{gap:.125rem}
@media (max-width:1279px){header .hidden.md\:flex{margin-left:auto}}

/* ================= Visual depth & motion layer (CSS only; content/theme unchanged) ================= */
:root{--v1:#7c3aed;--v2:#8b5cf6;--vs:rgba(76,29,149,.22)}
/* backdrop + page surface */
.min-h-screen.bg-slate-100{background:#e8e5f4}
.max-w-7xl.mx-auto.bg-white.min-h-screen{background-color:#fff;
  background-image:radial-gradient(52rem 26rem at 88% -4%,rgba(139,92,246,.13),transparent 62%),radial-gradient(40rem 26rem at -6% 38%,rgba(167,139,250,.11),transparent 60%),radial-gradient(rgba(91,33,182,.075) 1.1px,transparent 1.2px);
  background-size:auto,auto,24px 24px;box-shadow:0 30px 80px -30px rgba(76,29,149,.35)}
/* header */
header.sticky{box-shadow:0 8px 28px -16px rgba(76,29,149,.35);border-bottom:1px solid rgba(124,58,237,.12)}
header .bg-violet-600{box-shadow:0 8px 18px -6px rgba(124,58,237,.6)}
/* hero card */
#profile-hero .rounded-3xl{position:relative;overflow:hidden;border:1px solid rgba(124,58,237,.16);
  background:linear-gradient(135deg,#fff 0%,#faf8ff 55%,#f1ebff 100%);
  box-shadow:0 40px 70px -35px var(--vs),0 10px 24px -14px rgba(76,29,149,.18)}
#profile-hero .rounded-3xl>*{position:relative;z-index:1}
#profile-hero .rounded-3xl::before{content:"";position:absolute;z-index:0;right:-110px;top:-120px;width:420px;height:420px;border-radius:50%;background:rgba(139,92,246,.16);filter:blur(6px)}
#profile-hero .rounded-3xl::after{content:"";position:absolute;z-index:0;left:-60px;bottom:-70px;width:260px;height:260px;border-radius:50%;border:2px dashed rgba(124,58,237,.28)}
#profile-hero h1{width:fit-content;background:linear-gradient(transparent 64%,rgba(167,139,250,.38) 64%) no-repeat;padding-right:.15em}
#profile-hero .lg\:col-span-5{position:relative}
#profile-hero .lg\:col-span-5::before{content:"";position:absolute;inset:7% 3% -4% 11%;border-radius:2rem;background:var(--v1);opacity:.2;transform:rotate(6deg)}
#profile-hero .lg\:col-span-5::after{content:"";position:absolute;right:-14px;top:-14px;width:84px;height:84px;background-image:radial-gradient(var(--v2) 2.2px,transparent 2.4px);background-size:14px 14px;opacity:.55}
#profile-hero .lg\:col-span-5>div{position:relative;z-index:1;transform:rotate(-1.6deg);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s;box-shadow:0 34px 60px -26px rgba(76,29,149,.5)}
#profile-hero .lg\:col-span-5>div:hover{transform:rotate(0) translateY(-6px)}
/* eyebrow pills */
.rounded-full.bg-violet-50{box-shadow:0 6px 16px -8px rgba(124,58,237,.5)}
/* section titles */
section:not(#profile-hero) h2{position:relative}
section:not(#profile-hero) h2::after{content:"";display:block;width:56px;height:5px;border-radius:5px;background:var(--v1);margin-top:.7rem;box-shadow:0 6px 12px -4px rgba(124,58,237,.55)}
/* cards */
main .rounded-2xl.bg-white:not(:has(form)){position:relative;border-color:rgba(124,58,237,.12);
  box-shadow:0 1px 2px rgba(15,23,42,.05),0 14px 28px -16px rgba(76,29,149,.22);
  background-image:linear-gradient(var(--v1),var(--v1));background-repeat:no-repeat;background-position:0 0;background-size:0 3px;
  transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s,background-size .45s}
@media (hover:hover){main .rounded-2xl.bg-white:not(:has(form)):hover{transform:translateY(-5px);border-color:rgba(124,58,237,.35);background-size:100% 3px;box-shadow:0 26px 44px -20px rgba(76,29,149,.38)}}
main .rounded-xl.w-12,main .rounded-xl.w-10{box-shadow:0 8px 16px -8px rgba(76,29,149,.35)}
/* chips & buttons */
main .rounded-full,main .rounded-lg.bg-violet-50{transition:transform .2s,box-shadow .2s}
@media (hover:hover){main .rounded-full:hover,main .rounded-lg.bg-violet-50:hover{transform:translateY(-2px);box-shadow:0 8px 16px -8px rgba(124,58,237,.5)}}
main .bg-violet-600,header .bg-violet-600.rounded-xl{box-shadow:0 14px 26px -10px rgba(124,58,237,.7)}
@media (hover:hover){main a.bg-violet-600:hover,main button.bg-violet-600:hover{transform:translateY(-2px);box-shadow:0 18px 30px -10px rgba(124,58,237,.8)}}
main a.bg-slate-100,main button.bg-slate-100{border:1px solid rgba(124,58,237,.18)}
footer{background:linear-gradient(#fff,#f7f4ff);border-top:1px solid rgba(124,58,237,.14)}
/* entrance animation (scroll-driven where supported) */
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
main>section>*{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
main section .grid>*{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
main section .grid>*:nth-child(2){animation-delay:.07s}main section .grid>*:nth-child(3){animation-delay:.14s}main section .grid>*:nth-child(4){animation-delay:.21s}main section .grid>*:nth-child(5){animation-delay:.28s}main section .grid>*:nth-child(n+6){animation-delay:.35s}
@supports (animation-timeline:view()){
  main section .grid>*,main section .space-y-4>*,main section .space-y-6>*,main section .space-y-3>*{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 40%;animation-delay:0s!important}
}
@media (prefers-reduced-motion:reduce){main *{animation:none!important}#profile-hero .lg\:col-span-5>div{transform:none}}
@media (max-width:640px){#profile-hero .rounded-3xl::before{width:260px;height:260px}#profile-hero .lg\:col-span-5::before{inset:6% 6% -3% 14%}}
.text-center h2::after{margin-inline:auto}
#profile-hero .lg\:col-span-5 .blur-md{display:none}

/* ================= Book view (click a book card to open) ================= */
.bk-card{cursor:pointer;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s}
@media (hover:hover){.bk-card:hover{transform:translateY(-4px);border-color:rgba(124,58,237,.4);box-shadow:0 26px 44px -22px rgba(76,29,149,.4)}}
.bk-card:focus-visible{outline:3px solid rgba(124,58,237,.55);outline-offset:3px}
.bk-badge{transition:background .2s,color .2s}
.bk-badge::after{content:" \203A";font-weight:800}
.bk-card:hover .bk-badge,.bk-card:focus-visible .bk-badge{background:#7c3aed;color:#fff}

.bkm-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;
  background:rgba(30,16,64,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .25s}
.bkm-overlay.bkm-in{opacity:1}
.bkm-dialog{position:relative;display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:center;width:100%;max-width:760px;max-height:92vh;overflow:auto;
  padding:36px;border-radius:28px;background:linear-gradient(135deg,#fff 0%,#faf8ff 60%,#f1ebff 100%);border:1px solid rgba(124,58,237,.2);
  box-shadow:0 50px 90px -30px rgba(76,29,149,.6);transform:translateY(18px) scale(.97);transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.bkm-in .bkm-dialog{transform:none}
.bkm-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:12px;border:1px solid rgba(124,58,237,.18);background:#fff;
  color:#475569;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
.bkm-close:hover{background:#7c3aed;color:#fff}
.bkm-close:focus-visible,.bkm-btn:focus-visible{outline:3px solid rgba(124,58,237,.55);outline-offset:2px}

.bkm-coverwrap{display:flex;justify-content:center;perspective:900px}
.bkm-cover,.bkm-coverimg{width:210px;aspect-ratio:3/4;border-radius:6px 14px 14px 6px;box-shadow:-6px 10px 0 -2px rgba(76,29,149,.18),0 30px 40px -18px rgba(76,29,149,.55);transform:rotateY(-12deg);transition:transform .4s}
.bkm-coverwrap:hover .bkm-cover,.bkm-coverwrap:hover .bkm-coverimg{transform:rotateY(0)}
.bkm-coverimg{object-fit:cover}
.bkm-cover{position:relative;display:flex;flex-direction:column;padding:22px 18px 18px 26px;color:#fff;overflow:hidden;
  background:linear-gradient(160deg,#8b5cf6 0%,#6d28d9 55%,#4c1d95 100%)}
.bkm-cover::before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(255,255,255,.12))}
.bkm-cover::after{content:"";position:absolute;right:-50px;bottom:-50px;width:150px;height:150px;border-radius:50%;border:2px dashed rgba(255,255,255,.3)}
.bkm-cover-pub{font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;opacity:.8}
.bkm-cover-title{margin-top:14px;font-weight:800;font-size:16px;line-height:1.25;letter-spacing:-.02em;overflow-wrap:anywhere}
.bkm-cover-auth,.bkm-cover-pub{overflow-wrap:anywhere}
.bkm-cover-auth{margin-top:auto;font-size:11px;font-weight:600;opacity:.9;position:relative;z-index:1}
.bkm-cover-year{margin-top:4px;font-family:var(--font-mono);font-size:10px;opacity:.7;position:relative;z-index:1}

.bkm-eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.14em;color:#7c3aed}
.bkm-title{margin:8px 0 18px;font-size:1.35rem;font-weight:800;letter-spacing:-.025em;line-height:1.25;color:#0f172a}
.bkm-meta{margin:0;display:grid;gap:10px}
.bkm-row{display:grid;grid-template-columns:120px 1fr;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(124,58,237,.1);font-size:13px}
.bkm-row dt{color:#64748b;font-weight:600}.bkm-row dd{margin:0;color:#0f172a;font-weight:700}
.bkm-mono{font-family:var(--font-mono);font-weight:600!important;letter-spacing:0}
.bkm-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.bkm-btn{display:inline-flex;align-items:center;gap:6px;padding:11px 18px;border-radius:12px;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;
  border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s}
.bkm-primary{background:#7c3aed;color:#fff;box-shadow:0 10px 20px -8px rgba(124,58,237,.7)}
.bkm-primary:hover{background:#6d28d9;transform:translateY(-2px)}
.bkm-ghost{background:#fff;color:#4c1d95;border-color:rgba(124,58,237,.25)}
.bkm-ghost:hover{background:#f5f0ff}
@media (max-width:640px){
  .bkm-dialog{grid-template-columns:1fr;gap:20px;padding:56px 20px 24px;border-radius:22px}
  .bkm-cover,.bkm-coverimg{width:200px}
  .bkm-cover{padding:18px 14px 14px 22px}
  .bkm-cover-title{font-size:14px;margin-top:10px}
  .bkm-cover-auth{font-size:10px}
  .bkm-row{grid-template-columns:105px 1fr}
}
@media (prefers-reduced-motion:reduce){.bkm-overlay,.bkm-dialog,.bkm-cover,.bkm-coverimg{transition:none}}

.brand-tile{background:#fff;border:1px solid rgba(226,232,240,.95);box-shadow:0 1px 2px rgba(15,23,42,.06);transition:transform .2s ease,box-shadow .2s ease}
.group:hover .brand-tile{transform:scale(1.07);box-shadow:0 6px 14px rgba(15,23,42,.12)}

/* ================= Motion v2: interactive animation layer ================= */
@keyframes mvFadeDown{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}
@keyframes mvPopS{from{scale:.82;opacity:0}to{scale:1;opacity:1}}
@keyframes mvFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes mvSpin{to{rotate:360deg}}
@keyframes mvDrift{from{translate:0 0}to{translate:-26px 22px}}
@keyframes mvRipple{to{transform:scale(3.4);opacity:0}}
@keyframes mvRing{0%{box-shadow:0 0 0 0 rgba(124,58,237,.5)}100%{box-shadow:0 0 0 14px rgba(124,58,237,0)}}
@keyframes mvRingG{0%{box-shadow:0 0 0 0 rgba(16,185,129,.5)}100%{box-shadow:0 0 0 14px rgba(16,185,129,0)}}
@keyframes mvWiggle{0%,100%{rotate:0}25%{rotate:-8deg}75%{rotate:8deg}}

/* scroll progress bar */
#mv-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:10000;transform-origin:0 50%;transform:scaleX(0);
  background:linear-gradient(90deg,#a78bfa,#7c3aed,#4c1d95);box-shadow:0 0 10px rgba(124,58,237,.6);pointer-events:none}

/* page enter / leave */
header.sticky{animation:mvFadeDown .6s cubic-bezier(.2,.7,.2,1) both}
html.mv-js main,html.mv-js footer{transition:opacity .22s ease,transform .22s ease}
html.mv-leave main,html.mv-leave footer{opacity:0;transform:translateY(-8px)}

/* nav: sliding underline */
header nav>button{position:relative}
header nav>button::after{content:"";position:absolute;left:50%;bottom:3px;width:0;height:2px;border-radius:2px;background:#7c3aed;
  transition:width .3s cubic-bezier(.2,.7,.2,1),left .3s cubic-bezier(.2,.7,.2,1)}
header nav>button:hover::after,header nav>button.bg-violet-50::after{width:58%;left:21%}
@media (hover:hover){header nav>button:hover{transform:translateY(-1px)}}

/* buttons: shine sweep on primary */
main :is(a,button).bg-violet-600,header a[download]{position:relative;overflow:hidden}
main :is(a,button).bg-violet-600::before,header a[download]::before{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);transition:left .7s ease}
@media (hover:hover){main :is(a,button).bg-violet-600:hover::before,header a[download]:hover::before{left:130%}}
/* magnetic buttons (offset set by JS via individual `translate` property) */
main :is(a,button).bg-violet-600,header a[download]{translate:var(--tx,0px) var(--ty,0px)}
/* press feedback + lift for every button-like control */
@media (hover:hover){main :is(a,button).rounded-xl:hover,main :is(a,button).rounded-lg:hover{transform:translateY(-2px)}}
main :is(a,button):active,header :is(a,button):active{transform:scale(.96)!important}
/* ripple (span injected by JS) */
.mv-ripple{position:absolute;border-radius:50%;pointer-events:none;transform:scale(0);animation:mvRipple .65s ease-out forwards}
/* pulsing ring on hover for key CTAs */
@media (hover:hover){
  header a[download]:hover,main button.bg-violet-600:hover{animation:mvRing 1.2s ease-out infinite}
  main button.bg-emerald-50:hover{animation:mvRingG 1.2s ease-out infinite}
}

/* icon micro-interactions inside buttons / links */
main :is(a,button) svg,header :is(a,button) svg{transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
@media (hover:hover){
  main :is(a,button):hover svg,header a[download]:hover svg{transform:scale(1.15) rotate(-6deg)}
  :is(a,button):hover svg.lucide-arrow-right{transform:translateX(5px)}
  :is(a,button):hover svg.lucide-external-link{transform:translate(3px,-3px)}
  :is(a,button):hover svg.lucide-download{transform:translateY(3px)}
  :is(a,button):hover svg.lucide-send{transform:translate(4px,-4px) rotate(0)}
}

/* cards: icon pop + mouse spotlight */
main .rounded-2xl.bg-white:not(:has(form))::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;
  background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),rgba(139,92,246,.14),transparent 70%)}
@media (hover:hover){
  main .rounded-2xl.bg-white:not(:has(form)):hover::after{opacity:1}
  main .rounded-2xl:hover :is(.w-12.h-12,.w-10.h-10):not(.brand-tile){transform:scale(1.12) rotate(-6deg)}
  main .rounded-2xl:hover .brand-tile{transform:scale(1.12) rotate(4deg)}
  main .rounded-2xl:hover svg.lucide-external-link{transform:translate(3px,-3px)}
}
main :is(.w-12.h-12,.w-10.h-10){transition:transform .4s cubic-bezier(.3,1.6,.5,1),box-shadow .3s}

/* hero: staggered entrance, floating photo, drifting shapes, stat hover */
#profile-hero .lg\:col-span-7>*{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
#profile-hero .lg\:col-span-7>*:nth-child(1){animation-delay:.10s!important}
#profile-hero .lg\:col-span-7>*:nth-child(2){animation-delay:.22s!important}
#profile-hero .lg\:col-span-7>*:nth-child(3){animation-delay:.34s!important}
#profile-hero .lg\:col-span-7>*:nth-child(4){animation-delay:.46s!important}
#profile-hero .lg\:col-span-5>div{animation:mvPopS .9s .25s cubic-bezier(.2,.8,.2,1) both,mvFloat 6s 1.3s ease-in-out infinite}
#profile-hero .lg\:col-span-5::before{animation:mvFloat 7s 1s ease-in-out infinite reverse}
#profile-hero .rounded-3xl::before{animation:mvDrift 14s ease-in-out infinite alternate}
#profile-hero .rounded-3xl::after{animation:mvSpin 60s linear infinite}
#profile-hero .grid.grid-cols-2>div{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,background .3s}
@media (hover:hover){#profile-hero .grid.grid-cols-2>div:hover{transform:translateY(-5px);background:#fff;box-shadow:0 18px 30px -16px rgba(76,29,149,.35)}}

/* section heading underline grows into view (only when JS is running) */
html.mv-js section:not(#profile-hero) h2::after{transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.2,.7,.2,1) .2s}
html.mv-js section:not(#profile-hero) h2[data-mv-seen]::after{transform:scaleX(1)}
html.mv-js .text-center h2::after{transform-origin:center}

/* form fields */
main :is(input,textarea,select){transition:box-shadow .25s,border-color .25s,transform .25s,background .25s}
main :is(input,textarea,select):focus{transform:translateY(-1px);border-color:#8b5cf6;background:#fff;outline:none;
  box-shadow:0 0 0 4px rgba(124,58,237,.14),0 12px 22px -14px rgba(124,58,237,.45)}

/* footer links */
@media (hover:hover){footer button:hover{transform:translateX(4px);color:#7c3aed}}
footer button{transition:transform .2s,color .2s}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important}
  #mv-progress{display:none}
}

/* ================= Motion v3: same card animation on EVERY page (big rounded-3xl cards + inner tiles) ================= */
@keyframes mvShimmer{from{background-position:-120% 0}to{background-position:220% 0}}
@keyframes mvGlow{0%,100%{box-shadow:0 0 0 0 rgba(124,58,237,.0),0 26px 44px -20px rgba(76,29,149,.34)}50%{box-shadow:0 0 0 6px rgba(124,58,237,.07),0 30px 50px -20px rgba(76,29,149,.42)}}

/* main content cards (everything except hero, modal, form wrapper) */
main :is(.rounded-3xl,.rounded-2xl):is(.bg-white,.bg-emerald-50):not(#profile-hero *):not(:has(form)):not(.max-h-\[85vh\]){
  position:relative;overflow:hidden;border-color:rgba(124,58,237,.14);
  box-shadow:0 1px 2px rgba(15,23,42,.05),0 16px 30px -18px rgba(76,29,149,.24);
  background-image:linear-gradient(var(--v1),#a78bfa);background-repeat:no-repeat;background-position:0 0;background-size:0 3px;
  transition:translate .35s cubic-bezier(.2,.7,.2,1),scale .35s cubic-bezier(.2,.7,.2,1),transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s,background-size .5s,background-color .3s}
/* spotlight that follows the cursor */
main .rounded-3xl:is(.bg-white):not(#profile-hero *):not(:has(form)):not(.max-h-\[85vh\])::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;
  background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(139,92,246,.15),transparent 70%)}
/* keep card text above the spotlight */
main .rounded-3xl.bg-white:not(#profile-hero *)>:not(.absolute){position:relative;z-index:1}
@media (hover:hover){
  main :is(.rounded-3xl,.rounded-2xl):is(.bg-white,.bg-emerald-50):not(#profile-hero *):not(:has(form)):not(.max-h-\[85vh\]):hover{
    translate:0 -6px;scale:1.008;border-color:rgba(124,58,237,.45);background-size:100% 3px;
    box-shadow:0 30px 50px -22px rgba(76,29,149,.42),0 0 0 4px rgba(124,58,237,.07)}
  main .rounded-3xl.bg-white:not(#profile-hero *):not(:has(form)):not(.max-h-\[85vh\]):hover::after{opacity:1}
  /* icons / badges / date chips inside a hovered card */
  main .rounded-3xl:hover :is(.w-12.h-12,.w-10.h-10,.w-16.h-16):not(.brand-tile){transform:scale(1.12) rotate(-6deg)}
  main .rounded-3xl:hover .brand-tile{transform:scale(1.12) rotate(4deg)}
  main .rounded-3xl:hover .rounded-full{box-shadow:0 8px 16px -8px rgba(124,58,237,.55)}
  main .rounded-3xl:hover h3{color:#4c1d95}
  /* check-list bullets slide in on hover */
  main .rounded-3xl li{transition:transform .3s cubic-bezier(.2,.7,.2,1)}
  main .rounded-3xl:hover li{transform:translateX(4px)}
  main .rounded-3xl:hover li:nth-child(2){transition-delay:.05s}main .rounded-3xl:hover li:nth-child(3){transition-delay:.1s}main .rounded-3xl:hover li:nth-child(4){transition-delay:.15s}
  main .rounded-3xl:hover li svg{transform:scale(1.2);color:#7c3aed}
}
main .rounded-3xl li svg{transition:transform .35s cubic-bezier(.3,1.6,.5,1),color .3s}
main .rounded-3xl :is(.w-12.h-12,.w-10.h-10,.w-16.h-16){transition:transform .4s cubic-bezier(.3,1.6,.5,1),box-shadow .3s}

/* small inner tiles (slate-50 boxes: stats, achievements lists, contact tiles) */
main :is(.rounded-2xl,.rounded-xl).bg-slate-50:not(#profile-hero *),main .rounded-2xl.bg-slate-50\/80:not(#profile-hero *){
  transition:translate .3s cubic-bezier(.2,.7,.2,1),transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s,background-color .3s}
@media (hover:hover){
  main :is(.rounded-2xl,.rounded-xl).bg-slate-50:not(#profile-hero *):hover{translate:2px -3px;background:#fff;border-color:rgba(124,58,237,.35);
    box-shadow:0 14px 24px -14px rgba(76,29,149,.4)}
}

/* current-role card: soft pulsing glow + shimmer on the "Current Role" badge */
main .rounded-3xl.border-violet-200{animation:mvGlow 3.2s ease-in-out infinite}
main .rounded-3xl.border-violet-200 .bg-emerald-100,main .rounded-3xl.border-violet-200 .bg-emerald-50{
  background-image:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.85) 50%,transparent 70%);background-size:60% 100%;background-repeat:no-repeat;animation:mvShimmer 2.8s linear infinite}

/* publications: filter tabs and buttons feel alive too */
main button.rounded-full,main button.rounded-xl{transition:transform .2s,box-shadow .2s,background-color .2s,color .2s}

@media (prefers-reduced-motion:reduce){main .rounded-3xl,main .rounded-2xl{animation:none!important;translate:none!important;scale:none!important}}
@media (hover:none){main .rounded-3xl:active{scale:.985}}