@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-border-style:solid;--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-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:"Fira Code",monospace;--color-white:#fff;--ease-out:cubic-bezier(0,0,.2,1);--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%;-moz-tab-size:4;-o-tab-size:4;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,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{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}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.text-white{color:var(--color-white)}.shadow{--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)}.ring{--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)}.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,)}.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,backdrop-filter,display,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))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--background:0 0% 100%;--foreground:0 0% 3.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--popover:0 0% 100%;--popover-foreground:0 0% 3.9%;--primary:0 0% 9%;--primary-foreground:0 0% 98%;--secondary:0 0% 96.1%;--secondary-foreground:0 0% 9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:0 0% 89.8%;--input:0 0% 89.8%;--ring:0 0% 3.9%;--radius:.5rem}@property --tw-ease{syntax:"*";inherits:false}@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-border-style:solid;--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}}}body,p,h1,h2,h3,h4,h5,h6,.physics-subtitle,.physics-title{font-family:Segoe UI,system-ui,sans-serif}.physics-subtitle{text-align:center;width:-moz-fit-content;width:fit-content}code,pre,.code{font-family:Segoe UI,Courier New,monospace}:root{--pk-red:355,78%,56%;--pk-primary:0,0%,10%;--pk-muted:60,3%,7%;--pk-muted-fg:35,8%,75%;--pk-light:60,3%,97%;--black:#000;--white:#fff;--black-border:#000;--dark-gray-sliders:#8b8b8bda;--mint-50:#effefb;--mint-100:#c7fff4;--mint-200:#90ffe8;--mint-300:#51f7dc;--mint-400:#1de4c9;--mint-500:#04c8b0;--mint-600:#00ae9d;--mint-700:#03857f;--mint-800:#0a655e;--mint-900:#0d544e;--mint-950:#003332;--lime-50:#f8fde8;--lime-100:#ecfacd;--lime-200:#daf5a1;--lime-300:#bfec6a;--lime-400:#a5de3d;--lime-500:#7db61c;--lime-600:#679c14;--lime-700:#4f7714;--lime-800:#415e16;--lime-900:#375017;--lime-950:#1b2c07;--yellow-50:#f8fee8;--yellow-100:#eeffc2;--yellow-200:#e0ff88;--yellow-300:#d6ff43;--yellow-400:#d8ff10;--yellow-500:#d3ef03;--yellow-600:#c9d200;--yellow-700:#aeb50e;--yellow-800:#888b1a;--yellow-900:#525b0c;--yellow-950:#2b3300;--indigo-50:#f3f5fb;--indigo-100:#e4e6f5;--indigo-200:#cfd4ee;--indigo-300:#aeb8e2;--indigo-400:#8793d3;--indigo-500:#6a72c7;--indigo-600:#575ab9;--indigo-700:#49479d;--indigo-800:#47438a;--indigo-900:#3a396f;--indigo-950:#282645;--cyan-50:#00a2c2;--cyan-100:#009dbd;--cyan-200:#008ca8;--cyan-300:#008099;--cyan-400:#006f85;--cyan-500:#006275;--cyan-600:#056;--cyan-700:#004452;--cyan-800:#003641;--cyan-900:#002a33;--cyan-950:#001e24;--orange-50:#fff9eb;--orange-100:#ffedc6;--orange-200:#ffd888;--orange-300:#ffbf4a;--orange-400:#ffaa2c;--orange-500:#f98107;--orange-600:#dd5c02;--orange-700:#b73d06;--orange-800:#942e0c;--orange-900:#7a270d;--orange-950:#461202;--pink-50:#fff1f3;--pink-100:#ffe4e8;--pink-200:#ffccd6;--pink-300:#fea3b4;--pink-400:#fd6f8d;--pink-500:#f7406c;--pink-600:#e41a54;--pink-700:#c10f47;--pink-800:#a11042;--pink-900:#8a113e;--pink-950:#4d041e;--blue-50:#f0f9ff;--blue-100:#e0f1fe;--blue-200:#b9e5fe;--blue-300:#7cd1fd;--blue-400:#36bbfa;--blue-500:#0ca2eb;--blue-600:#0090e0;--blue-700:#0166a3;--blue-800:#065786;--blue-900:#0b486f;--blue-950:#072e4a;--gray-50:#f7f7f7;--gray-100:#ebedf1;--gray-200:#d5dae2;--gray-300:#b1bbc8;--gray-400:#8695aa;--gray-500:#677890;--gray-600:#526077;--gray-700:#434e61;--gray-800:#3a4452;--gray-900:#343a46;--gray-950:#22272f;--shaft-50:#fff;--shaft-100:#e3e3e3;--shaft-200:#c8c8c8;--shaft-300:#a4a4a4;--shaft-400:#818181;--shaft-500:#666;--shaft-600:#515151;--shaft-700:#434343;--shaft-800:#383838;--shaft-900:#313131;--shaft-950:#1a1a1a}.physics-hero{pointer-events:none;background-color:#0000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}.slide1 .physics-hero{flex-direction:row;justify-content:flex-start;align-items:center;gap:64px}.slide1 .physics-pendulum-hero{order:-1}.physics-content{pointer-events:auto;z-index:10;text-align:center;flex-direction:row;width:100%;margin-top:150px;display:flex;position:relative}.physics-pendulum-hero{pointer-events:auto;z-index:10;--pk-primary:0,0%,90%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.physics-pendulum-hero .pendulum-hint{color:#ffffffd9;letter-spacing:.06em;text-align:center;margin-bottom:6px;font-family:Segoe UI,system-ui,sans-serif;font-size:.7rem}.physics-pendulum-hero .physics-oscillations{background-image:none;justify-content:flex-start;align-items:center;width:600px;min-height:640px;margin-top:-280px;display:flex;position:relative;overflow:visible}.physics-pendulum-hero .pendulum-overall{justify-content:center;align-items:center;width:100%;height:auto;min-height:600px;margin-top:50px;display:flex;position:relative}.physics-pendulum-hero .pendulum-svg{width:100%;height:auto;margin-bottom:0;overflow:visible;scale:.6}.slide1 .physics-pendulum-hero .schematic-fill{fill:#ffffffe0}.slide1 .physics-pendulum-hero .schematic-line{stroke:#ffffffe0}.slide1 .physics-pendulum-hero .pendulum-ball{fill:#ffffffe0}@media(max-width:768px){.slide1 .physics-hero{flex-direction:column;justify-content:flex-start;align-items:center;padding:62px 16px 16px}.slide1 .physics-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;margin-top:0}.slide1 .hero-titles{text-align:center;flex-direction:column;order:-1;justify-content:center;align-items:center;width:100%;margin-left:0;display:flex}.slide1 .tutor-photo{display:none}.slide1 .physics-pendulum-hero{order:0}.physics-pendulum-hero .physics-oscillations{width:400px;min-height:210px;margin-top:-155px}.physics-pendulum-hero .pendulum-overall{min-height:190px}.physics-pendulum-hero .pendulum-hint{margin-bottom:2px;font-size:.6rem}}.tutor-photo{z-index:-1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:auto;height:clamp(520px,84vh,980px);position:fixed;bottom:0;right:20px}.tutor-photo img{-o-object-fit:contain;object-fit:contain;-o-object-position:bottom;object-position:bottom;width:auto;height:100%;display:block}.physics-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.schematic-line{stroke:hsl(var(--pk-primary));stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;fill:none}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.stroke-kinetic-red{stroke:hsl(var(--pk-red))}.fill-kinetic-red{fill:hsl(var(--pk-red))}.physics-title{letter-spacing:-.05em;color:hsl(var(--pk-primary));opacity:1;visibility:visible;margin-bottom:2rem;font-size:13vw;font-weight:700;line-height:.9}.physics-title .letter{opacity:0;display:inline-block;transform:translateY(50px)rotateX(-90deg)}h1{color:#fff;text-shadow:0 .1em 20px #000,.05em -.03em #000,.05em .005em #000,0 .08em #000,.05em .08em #000,0 -.03em #000,-.03em -.03em #000,-.03em .08em #000,-.03em 0 #000;margin:0;padding:0}h2.physics-subtitle .subtitle-line{color:#fff;text-shadow:.09em .12em #000,.05em -.03em #000,.05em .005em #000,0 .08em #000,.05em .08em #000,0 -.03em #000,-.03em -.03em #000,-.03em .08em #000,-.03em 0 #000;text-transform:uppercase;letter-spacing:.01em;opacity:0;word-spacing:.2em;margin:.5rem 0;padding:0;font-size:8vw;font-weight:900;line-height:.8;transform:translateY(20px)}h1.physics-title,h2.physics-subtitle .subtitle-line{color:#9e9713;display:inline-block}.physics-divider{background-color:#413902;width:16rem;height:2px;margin:2rem auto -1rem;transform:scaleX(0)}@media(max-width:768px){h2.physics-subtitle .subtitle-line{font-size:9vw!important}h2.physics-subtitle{margin:0}h1.physics-title{margin-top:20px;margin-bottom:0;font-size:22vw;line-height:.9}.physics-divider{display:none}.swipe-hint{margin-top:36px;margin-bottom:6px}.oscillations-title .subtitle,.oscillations-title .description{display:none}}.physics-formulas{opacity:0;color:hsl(var(--pk-light));flex-wrap:wrap;justify-content:center;gap:2rem;font-family:Fira Code,Courier New,monospace;font-size:1.125rem;display:flex}.physics-scroll-indicator{opacity:0;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}.physics-scroll-indicator .scroll-text{letter-spacing:.1em;color:hsl(var(--pk-muted));font-size:.75rem}.physics-scroll-indicator .scroll-mouse{border:2px solid hsl(var(--pk-muted));border-radius:9999px;justify-content:center;width:1.5rem;height:2.5rem;padding-top:.5rem;display:flex;transform:rotate(90deg)}.physics-scroll-indicator .scroll-dot{background-color:hsl(var(--pk-muted));border-radius:9999px;width:.25rem;height:.5rem;animation:1.5s infinite scroll-bounce}@keyframes scroll-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}.physics-oscillations{pointer-events:auto;background-color:#0000;background-image:linear-gradient(#625b504d 1px,#0000 1px),linear-gradient(90deg,#625b504d 1px,#0000 1px);background-size:40px 40px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}.pendulum-container,.oscillations-title,.oscillations-info,.oscillations-energy{pointer-events:auto;touch-action:none}.hit-area{cursor:grab;pointer-events:all!important}.hit-area:active{cursor:grabbing}.pendulum-container{z-index:5;opacity:0;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex;position:relative;transform:translateY(-50px)}.pendulum-overall{justify-content:center;align-items:center;width:50%;height:100%;display:flex}.pendulum-container .product-cards{place-items:center;width:100%;height:100%;display:grid}.pendulum-svg{display:relative;pointer-events:all;margin-bottom:20%;overflow:visible;scale:1.2}.schematic-fill{fill:hsl(var(--pk-primary))}.schematic-line-thick{stroke-width:6px}.pendulum-ball-letter{fill:#fff;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Degoe UI,monospace;font-size:48px;font-weight:900}.slide1 .physics-pendulum-hero .pendulum-ball-letter{fill:#0a0a1ce6}.pendulum-ball{fill:hsl(var(--pk-primary))}.pendulum-ball-hover-ring{stroke:hsl(var(--pk-red));stroke-width:2px;fill:none;opacity:0;transition:opacity .2s}.pendulum-ball-visible.dragging{stroke:hsl(var(--pk-red));stroke-width:3px}.oscillations-instructions{text-align:center;opacity:0;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.oscillations-instructions p{color:hsl(var(--pk-muted));font-family:Fira Code,monospace;font-size:.8rem}.oscillations-info{border:2px solid hsl(var(--pk-primary));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:left;opacity:0;background-color:#ffffff80;max-width:300px;padding:1.5rem;display:none;position:absolute;bottom:3rem;transform:translate(20px)}.oscillations-info h3{color:hsl(var(--pk-muted));margin-bottom:.75rem;font-family:Fira Code,monospace;font-size:.9rem}.formula-box{border-left:3px solid hsl(var(--pk-red));margin-bottom:.5rem;padding-left:.5rem}.formula{color:hsl(var(--pk-primary));font-family:Fira Code,monospace;font-size:1rem;font-weight:700}.info-text{color:hsl(var(--pk-muted));margin-top:1rem;font-size:.8rem;line-height:1.4}.oscillations-energy{opacity:0;flex-direction:column;gap:.5rem;display:flex;position:absolute;bottom:30%;right:10px}.energy-label{color:hsl(var(--pk-muted));text-align:left;font-family:Fira Code,monospace;font-size:.8rem}.energy-bars{align-items:flex-end;gap:4px;height:8rem;display:flex}.energy-bar-col{flex-direction:column;justify-content:flex-end;gap:2px;width:6px;height:100%;display:flex}.bar-ke{background-color:hsl(var(--pk-red));width:100%}.bar-pe{background-color:#43d9de;width:100%}.energy-legend{gap:1rem;margin-top:.5rem;display:flex}.legend-item{color:hsl(var(--pk-muted));align-items:center;gap:.25rem;font-family:Fira Code,monospace;font-size:.7rem;display:flex}.dot{width:8px;height:8px}.dot.red{background-color:hsl(var(--pk-red))}.pendulum-content{text-align:left;border-top:2px dashed #ccc;border-bottom:2px dashed #ccc;flex-direction:row;justify-content:center;align-items:center;width:50%;height:80%;margin:1em 2em;font-size:2rem;display:flex;overflow:hidden}.tools-img{-o-object-fit:contain;object-fit:contain;z-index:10000;width:100%;height:100%;margin:1em 2em;padding:1em}.pendulum-text{flex-direction:column;place-content:space-around;min-height:100%;display:flex}.tools-image-container{justify-content:center;align-items:center;height:100%;display:flex;flex-direction:column!important}.oscillations-title{text-align:left;opacity:0;pointer-events:none;z-index:100;width:100%;position:relative;transform:translate(-20px)}.oscillations-title h2{letter-spacing:.05em;color:#ccc;margin-bottom:.5rem;font-family:Segoe UI,system-ui,sans-serif;font-size:3rem;font-weight:700}.oscillations-title .subtitle{color:#22272f;letter-spacing:.2em;margin-bottom:.25rem;font-family:Fira Code,monospace;font-size:1.5rem}.oscillations-title .description{letter-spacing:.1em;color:#ccc;font-family:Fira Code,monospace;font-size:1.2rem}.swipe-hint{opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:8px;margin-bottom:0;animation:.8s 1.4s forwards swipe-hint-fadein;display:none}.swipe-hint.hidden{opacity:0;transition:opacity .4s;animation:none}@keyframes swipe-hint-fadein{to{opacity:1}}.swipe-hint-arrows{align-items:center;gap:10px;display:flex}.swipe-arrow-left,.swipe-arrow-right{color:#ffffff73;padding-bottom:10px;font-size:32px;font-weight:300;line-height:1}.swipe-arrow-left{animation:1.8s ease-in-out infinite swipe-nudge-left}.swipe-arrow-right{animation:1.8s ease-in-out infinite swipe-nudge-right}@keyframes swipe-nudge-left{0%,to{opacity:.35;transform:translate(0)}50%{opacity:.85;transform:translate(-5px)}}@keyframes swipe-nudge-right{0%,to{opacity:.35;transform:translate(0)}50%{opacity:.85;transform:translate(5px)}}.swipe-hint-track{background:#ffffff26;border-radius:1px;width:44px;height:1px;position:relative}.swipe-hint-dot{background:#f1e72f;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite swipe-dot-slide;position:absolute;top:-3px;left:0;box-shadow:0 0 6px 2px #f1e72f66}@keyframes swipe-dot-slide{0%{left:0}50%{left:calc(100% - 7px)}to{left:0}}.swipe-hint-label{letter-spacing:.28em;text-transform:uppercase;color:#ffffffa6;font-family:Segoe UI,sans-serif;font-size:9px}@media(max-width:768px){.swipe-hint{display:flex}}@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-border-style:solid;--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}}}body,p,h1,h2,h3,h4,h5,h6{font-family:Segoe UI,system-ui,sans-serif}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.ring{--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)}.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,)}.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,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.bento-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.bento-grid{grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(12,1fr);gap:16px;width:90%;height:80vh;padding:20px;display:grid}.bento-card{cursor:pointer;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:4px 4px 20px #000000b3}.bento-card img{opacity:.5}.bento-card.wide{grid-row:calc(var(--c-y)/2*3 + 1)/span 3;grid-column:calc(var(--c-x) + 1)/span 4;grid-row:calc(var(--c-y) + 1)/span 2}.bento-card.large{grid-column:calc(var(--c-x) + 1)/span 4;grid-row:calc(var(--c-y) + 1)/span 6}.bento-card.square{grid-column:calc(var(--c-x) + 1)/span 2;grid-row:calc(var(--c-y) + 1)/span 2}.pink-mesh{background:radial-gradient(at 0 0,#ace0fe95 0,#0000 50%),radial-gradient(at 100% 0,#fbfafa91 0,#0000 50%),radial-gradient(at 100% 100%,#98f8f87d 0,#0000 50%),radial-gradient(at 0 100%,#ffffff86 0,#0000 50%),#150d1189}.pink-mesh h3{color:#c9f5e9;text-align:center;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(1.2rem,2vw,2.5rem);font-weight:800}.orange-purple-grad{background:linear-gradient(135deg,#fba660,#cc95e5)}.orange-purple-grad h3{color:#fff;text-transform:uppercase;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(1.2rem,2vw,2.5rem);font-weight:800}.img-card{background-color:#0000;position:relative}.img-card img{-o-object-fit:cover;object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.card-overlay h3{width:auto;font-size:clamp(.5rem,1vw,1rem);font-weight:700;line-height:1}.icon-btn:hover{background:#f0f0f0}.blue-fill{background-color:#60a5fa5f}.img-cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.pink-fill{background-color:#ec489a84}.green-fill{background-color:#34d3997b}.pink-mesh-20{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(at 0 0,#ace0fe33 0,#0000 50%),radial-gradient(at 100% 0,#fbfafa33 0,#0000 50%),radial-gradient(at 100% 100%,#98f8f833 0,#0000 50%),radial-gradient(at 0 100%,#fff3 0,#0000 50%),#150d1133}.red-gradient-solid{background:linear-gradient(135deg,#fb2323,#150d11)}.green-fill-solid{background-color:#10b981}.font-satoshi{font-family:Segoe UI,system-ui,sans-serif}.font-erode{font-family:Segoe UI,system-ui,serif}.font-supreme{font-family:Segoe UI,system-ui,sans-serif}.bento-card .text-white{color:#fff}.text-white-dim{color:#fffc}.text-dark{color:#1f2937}.text-dark-dim{color:#1f2937b3}h3,h4{margin:0;padding:0}h4{margin-bottom:4px;font-size:clamp(.75rem,1.4vw,1.5rem);font-weight:600}.bento-card .bento-card-content .span-wrapper span{font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(.6rem,.85vw,1rem)}@media(max-width:768px){.bento-container{justify-content:center;align-items:center;height:100dvh;padding-top:0}.bento-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);gap:8px;width:95%;max-width:100%;height:75dvh;margin:0;padding:0;overflow-y:hidden}.bento-card{grid-area:span 1/span 1!important;min-height:0!important}.bento-card.img-card{grid-area:span 2/span 2!important}.bento-card h2,.bento-card h3,.bento-card h4{font-size:1rem!important}.card-overlay{bottom:10px;left:10px}}.bento-popup{z-index:1000;opacity:0;visibility:hidden;pointer-events:none;text-align:left;width:90%;max-width:600px;max-height:90vh;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;top:50%;left:50%;overflow-y:visible;transform:translate(-50%,-50%)scale(.9)}.bento-popup.active{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.popup-close{color:#fff9;cursor:pointer;z-index:10;font-size:2rem;line-height:1;transition:color .2s,transform .2s;position:absolute;top:16px;right:20px}.popup-close:hover{color:#fff;transform:scale(1.1)}.bento-card[data-popup-id]{cursor:pointer;position:relative}.bento-card[data-popup-id]:after{content:"↗";color:#fff;opacity:0;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;transition:all .3s;display:flex;position:absolute;top:12px;right:12px;transform:scale(.8)}.bento-card[data-popup-id]:hover:after{opacity:1;transform:scale(1)}@media(max-width:640px){.bento-popup{border-radius:16px;width:95%;max-height:85vh}}.grid-card{grid-template-rows:3rem minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-template-columns:3rem minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);width:100%;display:grid}.writing-vertical-lr{writing-mode:vertical-lr;transform:rotate(180deg)}.bento-card{transform-style:preserve-3d;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s}.pink-mesh{--glow-color:#ec489966}.orange-purple-grad{--glow-color:#fba66066}.blue-fill{--glow-color:#3b82f666}.pink-fill{--glow-color:#ec489966}.purple-grad{--glow-color:#a78bfa66}.red-gradient{--glow-color:#fb232366}.green-fill{--glow-color:#34d39966}.bento-card:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:50%;height:100%;transition:none;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.bento-card:hover:before{animation:.75s ease-in-out shine}@keyframes shine{0%{left:-100%}to{left:200%}}.floating-shapes{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.shape{opacity:.15;animation:20s ease-in-out infinite float;position:absolute}.shape-circle{background:linear-gradient(45deg,#ec4899,#8b5cf6);border-radius:50%;width:120px;height:120px;animation-delay:0s;top:5%;left:3%}.shape-triangle{border-bottom:87px solid #fbbf24;border-left:50px solid #0000;border-right:50px solid #0000;width:0;height:0;animation-delay:-5s;top:65%;right:8%}.shape-cross{width:50px;height:50px;animation-delay:-10s;top:25%;right:15%}.shape-cross:before,.shape-cross:after{content:"";background:#34d399;position:absolute}.shape-cross:before{width:100%;height:10px;top:50%;transform:translateY(-50%)}.shape-cross:after{width:10px;height:100%;left:50%;transform:translate(-50%)}.shape-dots{background-image:radial-gradient(circle,#60a5fa 3px,#0000 3px);background-size:20px 20px;width:80px;height:80px;animation-delay:-15s;top:75%;left:15%}.shape-squiggle{border:3px solid #f97316;border-radius:50%/60% 60% 40% 40%;width:100px;height:100px;animation-delay:-8s;top:15%;right:25%}@keyframes float{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(30px,-40px)rotate(90deg)}50%{transform:translate(-15px,30px)rotate(180deg)}75%{transform:translate(40px,15px)rotate(270deg)}}.pink-mesh{background-color:#0000;background-image:radial-gradient(at 0 0,#fce7f355 0,#0000 50%),radial-gradient(at 100% 0,#fbcfe844 0,#0000 50%),radial-gradient(at 100% 100%,#f9a8d46d 0,#0000 50%),radial-gradient(at 0 100%,#ec489a6c 0,#0000 50%),linear-gradient(135deg,#be185d3b,#9233ea88);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:100% 100%;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box}.orange-purple-grad{background:linear-gradient(135deg,#504f4e,#c084fc,#a855f7);position:relative;overflow:hidden}.orange-purple-grad:after{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");position:absolute;inset:0}.blue-fill{background:radial-gradient(circle at 30% 30%,#93c5fd,#0000 50%),radial-gradient(circle at 70% 70%,#3b82f6,#0000 50%),linear-gradient(135deg,#1d4ed8,#1e40af)}.pink-fill{background:radial-gradient(circle at 20% 80%,#f9a8d4,#0000 50%),linear-gradient(135deg,#ec489940,#be185d24)}.purple-grad{background:radial-gradient(circle at 80% 20%,#c4b5fd,#0000 50%),linear-gradient(#a78bfaaf,#7c3aed14)}.red-gradient{background:radial-gradient(circle at 10% 90%,#fca5a5,#0000 50%),linear-gradient(135deg,#ef4444,#b91c1c)}.green-fill{background:radial-gradient(circle at 90% 10%,#6ee7b7,#0000 50%),linear-gradient(135deg,#10b981,#05966852)}.bento-card:after{content:"";pointer-events:none;z-index:1;background-image:radial-gradient(#ffffff14 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:0}.bento-card-content{z-index:2;text-align:center;flex-direction:column;justify-content:space-around;align-items:center;height:100%;padding:16px;display:flex;position:relative}.bento-card-content .span-wrapper{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;height:50%;display:flex;position:relative}.bento-card-content h2,.bento-card-content h3,.bento-card-content h4{z-index:2;margin:0 0 4px;padding:0;font-size:clamp(.75rem,1.4vw,1.5rem);font-weight:600;position:relative}.bento-card-content .span-wrapper span{z-index:2;position:relative}.sparkle{background:#fff;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite sparkle;position:absolute}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@media(max-width:768px){.floating-shapes{display:none}.bento-container,.bento-container-slide3{justify-content:center!important;align-items:center!important;padding-top:0!important}.bento-grid{grid-template-rows:repeat(3,1fr)!important;grid-template-columns:repeat(2,1fr)!important;margin:0!important;padding:0!important}.bento-grid .img-card{display:none!important}.frame{box-shadow:none!important;--r:0!important;background:0 0!important;border:none!important}.pink-mesh h3,.orange-purple-grad h3{font-size:1.5rem}.bento-card-content h2,.bento-card-content h3,.bento-card-content h4{font-size:1.25rem}.bento-card-content .span-wrapper span{font-size:.875rem}.popup-content h2{font-size:1.25rem}.popup-content li{font-size:.875rem}}@media(prefers-reduced-motion:reduce){.animate-wiggle,.animate-pulse,.animate-bounce-in,.animate-spin-slow,.shape{animation:none}.bento-card{transition:none}.bento-card:hover{transform:none}}.bento-container-slide3{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex;overflow:hidden}.bento-grid-slide3{box-sizing:border-box;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:16px;width:90%;height:min(80vh,100svh - 100px);padding:20px;display:grid}.bento-card-slide3{cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000026}.bento-card-yt{background:linear-gradient(135deg,#111,#0a0a0a)}.yt-cta{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;padding:20px;text-decoration:none;transition:transform .3s;display:flex;position:relative}.yt-cta:hover{transform:scale(1.04)}.yt-icon-wrap{background:red;border-radius:clamp(16px,2vw,26px);justify-content:center;align-items:center;width:clamp(120px,16vw,180px);height:clamp(86px,11.5vw,128px);transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 20px #ff000073}.yt-cta:hover .yt-icon-wrap{transform:scale(1.08);box-shadow:0 8px 40px #ff0000b3}.yt-icon{fill:#fff;width:clamp(68px,9vw,100px);height:clamp(68px,9vw,100px)}.yt-label{color:#fff;letter-spacing:.08em;text-transform:uppercase;margin-top:clamp(10px,1.2vw,18px);font-family:Segoe UI,sans-serif;font-size:clamp(1.1rem,1.8vw,1.6rem);font-weight:700}.yt-handle{color:#fff6;letter-spacing:.05em;font-family:Segoe UI,sans-serif;font-size:.62rem;font-weight:400;display:none}.bento-card-slide3:hover:before{animation:.75s ease-in-out shine}.card-content{text-align:center;z-index:2;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;padding:0;display:flex;position:relative}.card-content.empty{background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}.card-title{margin:0 0 8px;font-family:Segoe UI,system-ui,sans-serif;font-size:1.75rem;font-weight:700}.card-subtitle{opacity:.9;margin:0;font-family:Segoe UI,system-ui,sans-serif;font-size:1rem}.card-text{color:#1f2937;margin:0;font-family:Segoe UI,system-ui,sans-serif;font-size:1.25rem}.bento-card-slide3.card-large{grid-column:calc(var(--c-x) + 1)/span 4;grid-row:calc(var(--c-y) + 1)/span 4}.bento-card-slide3.card-large .card-title{color:#fff;font-size:2.5rem}.bento-card-slide3.card-large .card-subtitle{color:#fffc}.bento-card-slide3.card-square{grid-column:calc(var(--c-x) + 1)/span 2;grid-row:calc(var(--c-y) + 1)/span 2}.bento-card-slide3.card-square .card-title{color:#fbbf24;font-size:1.5rem}.bento-card-slide3.card-square .card-subtitle{color:#ffffffb3}.bento-card-slide3.card-large-light{grid-column:calc(var(--c-x) + 1)/span 4;grid-row:calc(var(--c-y) + 1)/span 4}.bento-card-slide3:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 30% 30%,#ffffff26,#0000 50%);height:100%;position:absolute;inset:0}.bento-card-slide3:after{content:"";pointer-events:none;z-index:1;background-image:radial-gradient(#ffffff14 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:0}.bento-video{-o-object-fit:contain;object-fit:contain;border-radius:12px;width:100%;height:100%;position:absolute;top:0;left:0}.bento-video-mobile{display:none}.bento-video-desktop{padding:20px;display:block}.bento-card-slide3 .pendulum-overall{justify-content:center;align-items:center;height:100%;min-height:300px;margin-top:50px;display:flex;position:relative}.bento-card-slide3 .pendulum-svg{width:100%;max-width:320px;height:auto;max-height:100%;margin-bottom:0;overflow:visible}.bento-card-slide3 .pendulums-group{min-width:280px;min-height:250px;display:block}.bento-card-slide3 .oscillations-instructions{top:2rem}.bento-card-slide3 .oscillations-info{z-index:-1;bottom:0;right:-50%}.bento-card-slide3 .schematic-fill{fill:hsl(var(--pk-primary,200 100% 50%))}.bento-card-slide3 .schematic-line{stroke:hsl(var(--pk-primary,200 100% 50%));stroke-width:2px;fill:none}.bento-card-slide3 .schematic-line-thick{stroke-width:3px}.bento-card-slide3 .pendulum-ball{fill:hsl(var(--pk-primary,200 100% 50%))}.bento-card-slide3 .physics-oscillations{justify-content:center;align-items:center;width:100%;height:100%;min-height:250px;display:flex}.bento-card-slide3 .physics-oscillations svg{max-width:100%;height:auto;display:block}@media(max-width:768px){.bento-video-desktop{display:none}.bento-video-mobile{display:block}.bento-card-slide3 .pendulum-overall{min-height:200px}.bento-card-slide3 .pendulum-svg{max-width:200px}.bento-grid-slide3{grid-template-columns:repeat(2,1fr)!important;grid-auto-rows:auto!important;gap:8px!important;width:calc(100% - 16px)!important;max-width:none!important;height:auto!important;margin:0!important;padding:0 8px!important}.bento-card-slide3{aspect-ratio:16/9!important}.card-title{font-size:1.25rem}.bento-card-slide3.card-large .card-title{font-size:1.75rem}.yt-cta{gap:5px;padding:10px}.yt-icon-wrap{border-radius:clamp(8px,2vw,12px);width:clamp(52px,13vw,72px);height:clamp(38px,9.5vw,52px)}.yt-icon{width:clamp(26px,7vw,38px);height:clamp(26px,7vw,38px)}.yt-label{letter-spacing:.05em;margin-top:2px;font-size:clamp(.55rem,2.5vw,.8rem)}}.card-content>a{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.thumbnaile-img{-o-object-fit:contain;object-fit:contain;border-radius:inherit;background:0 0;width:100%;height:100%;display:block}.popup-card{border-radius:14px;flex-direction:column;width:100%;max-width:400px;min-height:300px;padding:0;display:flex;position:relative;overflow:visible;box-shadow:0 20px 50px #0000008c}.popup-card:after{content:"";border-top:34px solid #0000;border-bottom:34px solid #0000;border-left:30px solid var(--popup-arrow-color,#111);pointer-events:none;width:0;height:0;position:absolute;top:50%;right:-30px;transform:translateY(-50%)}.popup-card-header{background:#ffffff17;border-bottom:1px solid #ffffff2e;border-radius:14px 14px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px 16px 28px;display:flex}.popup-card h2{color:#f5c518;letter-spacing:.02em;margin:0;font-family:Segoe UI,system-ui,sans-serif;font-size:1.4rem;font-weight:700}.popup-card .popup-close{color:#ffffffb3;cursor:pointer;flex-shrink:0;margin-left:12px;font-family:sans-serif;font-size:1.5rem;line-height:1;transition:color .2s,transform .2s}.popup-card .popup-close:hover{color:#fff;transform:scale(1.15)}.popup-card-body{flex:1;margin:0;padding:20px 28px 24px 44px;list-style:outside}.popup-card-body li{color:#fff;margin-bottom:11px;font-size:.95rem;font-weight:400;line-height:1.55}.popup-card-body li:last-child{margin-bottom:0}.popup-card-green{--popup-arrow-color:#153d18;background:radial-gradient(at 25% 25%,#64c8642e,#0000 55%),linear-gradient(145deg,#1b5e20,#2e7d32,#388e3c)}.popup-card-red{--popup-arrow-color:#4a0e0e;background:radial-gradient(at 25% 25%,#dc50502e,#0000 55%),linear-gradient(145deg,#6b0f0f,#b71c1c,#c62828)}.popup-card-privacy{--popup-arrow-color:#111;background:radial-gradient(at 20% 20%,#50507826,#0000 60%),linear-gradient(145deg,#180d2d,#0e0d1a,#091a2f);max-width:none;max-height:80vh;padding:1rem .5rem;overflow:hidden auto}#popup-privacy.bento-popup{width:92vw;max-width:min(800px,92vw)}.popup-privacy-body{color:#ffffffe0;overflow-wrap:break-word;word-break:break-word;flex-direction:column;gap:12px;min-width:0;padding:0 4px 8px;font-size:.875rem;line-height:1.7;display:flex}.popup-privacy-body p{overflow-wrap:break-word;word-break:break-word;margin:0}.popup-privacy-body a{color:#7ecfff;text-underline-offset:2px;text-decoration:underline}.popup-privacy-date{opacity:.55;margin-top:8px;font-size:.78rem}.site-footer{z-index:50;pointer-events:auto;padding-right:50px;position:fixed;bottom:14px;right:20px}.creator-link{z-index:50;white-space:nowrap;color:inherit;cursor:pointer;pointer-events:auto;padding:0;font-family:inherit;text-decoration:none;position:fixed;bottom:14px;left:50%;transform:translate(-50%);font-size:.8rem!important}.creator-link span{position:relative}.creator-link span:before{background:var(--dark-gray,#555);content:"";pointer-events:none;transform-origin:100% 100%;width:100%;height:2px;transition:transform .6s cubic-bezier(.43,.195,.02,1);position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.creator-link:hover span:before{transform-origin:0 100%;transform:scaleX(1)}.privacy-link{cursor:pointer;white-space:nowrap;color:inherit;background:0 0;border:none;padding:0;font-family:inherit;position:relative;font-size:.8rem!important}.privacy-link span{position:relative}.privacy-link span:before{background:var(--dark-gray,#555);content:"";pointer-events:none;transform-origin:100% 100%;width:100%;height:2px;transition:transform .6s cubic-bezier(.43,.195,.02,1);position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.privacy-link:hover span:before{transform-origin:0 100%;transform:scaleX(1)}.mobile-privacy-link{display:none}@media(max-width:768px){.site-footer,.creator-link{display:none}.mobile-footer-links{white-space:nowrap;align-items:center;gap:20px;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.mobile-privacy-link,.mobile-creator-link{color:#ffffff59;letter-spacing:.06em;cursor:pointer;text-underline-offset:3px;white-space:nowrap;background:0 0;border:none;padding:8px;font-family:inherit;font-size:.72rem;text-decoration:underline;transition:color .2s;display:block}.mobile-creator-link{text-underline-offset:3px;text-decoration:underline}.mobile-privacy-link:hover,.mobile-creator-link:hover{color:#ffffffbf}}.about-container{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:clamp(16px,3vw,48px);display:flex}.about-grid{grid-template-columns:1fr 1fr;gap:clamp(12px,2vw,28px);width:100%;max-width:1300px;height:100%;max-height:85vh;padding-top:50px;display:grid}.about-card{border-radius:16px;overflow:hidden}.about-photo-card{position:relative}.about-photo-card img{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100%;height:100%;display:block}.about-text-card{background:#ffffff0a;border:1px solid #ffffff14;align-items:flex-start;display:flex;overflow:hidden}.about-text-inner{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;height:100%;padding:clamp(20px,3vw,44px);overflow-y:auto}.about-text-inner p{color:#ffffffd1;margin:0 0 1.1em;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(.8rem,1.1vw,1rem);line-height:1.75}.about-text-inner p:last-child{margin-bottom:0}.about-cta{font-weight:600;color:#fffffff2!important;font-size:clamp(.85rem,1.15vw,1.05rem)!important}.about-contact{margin-top:.4em;color:#ffffff80!important;font-size:clamp(.78rem,1vw,.92rem)!important}.about-contact a{color:#ffffffb3;border-bottom:1px solid #ffffff40;text-decoration:none;transition:color .2s,border-color .2s}.about-contact a:hover{color:#fff;border-color:#fff}@media(max-width:768px){.about-grid{grid-template-rows:auto 1fr;grid-template-columns:1fr;height:100%;max-height:none;overflow-y:auto}.about-photo-card{height:45vw;min-height:200px;max-height:280px}.about-text-card{overflow:visible}.about-text-inner{height:auto;overflow-y:visible}.about-text-inner p{font-size:clamp(.82rem,3.5vw,.95rem)}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@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}@layer reset,base,composition,feature,utilities;@layer feature{.product-cards{width:60%!important;height:100%;display:flex;align-items:flex-start;justify-content:flex-start;container-type:inline-size}._body{width:50%;max-width:1400px;margin-inline:auto}._card{--_accent: var(--product-card--accent, #c34a36);--_background: var(--white);--_text: var(--black);--_radius: 30px;--_padding: 24px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto auto 1fr;gap:1rem;padding:1em!important;background-color:var(--_background);border-radius:var(--_radius);padding:var(--_padding);box-shadow:0 20px 40px -10px #0000001a;color:var(--_text);position:relative;overflow:hidden;isolation:isolate;transition:background-color .3s,color .3s}._thumbnail-stack{grid-column:1 / -1;grid-row:1;aspect-ratio:16/10;width:calc(100% + var(--_padding) * 2);margin:calc(var(--_padding) * -1) calc(var(--_padding) * -1) 0;border-radius:var(--_radius) var(--_radius) 0 0;overflow:hidden;position:relative;z-index:1}._thumbnail-stack img{width:85%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;position:relative;left:2.5%;border-radius:30px;padding-top:1em!important}._category{grid-column:1 / -1;grid-row:1;z-index:2;justify-self:start;align-self:start;background-color:var(--_background);padding:.75rem 1.5rem;font-weight:500;font-size:1.2rem;line-height:2;margin-top:calc(var(--_padding) * -1);margin-left:calc(var(--_padding) * -1);border-bottom-right-radius:20px;position:relative;color:var(--_text)}._category:before,._category:after{content:"";position:absolute;width:20px;height:20px;background-color:transparent;pointer-events:none}._heading{grid-column:1 / 2;grid-row:2;text-align:left;font-size:1.5rem;font-weight:800;align-self:center;margin-top:.5rem}._price{grid-column:2 / 3;grid-row:2;align-self:center;justify-self:end;background-color:var(--_accent);color:#fff;padding:.35em 1em;border-radius:999px;font-weight:700;font-variant-numeric:tabular-nums}._description{grid-column:1 / -1;grid-row:3;font-size:.95rem;line-height:1.5;opacity:.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}._tag-list{grid-column:1 / -1;grid-row:4;display:flex;flex-wrap:wrap;gap:.5rem;margin-block:.5rem}._tag{font-size:.75rem;padding:.25rem .75rem;border-radius:999px;background-color:color-mix(in srgb,var(--_accent),transparent 85%);color:var(--_text);font-weight:600}._button{grid-column:1 / -1;grid-row:5;background-color:var(--_accent);color:#fff;padding:1rem!important;border-radius:999px;text-align:center;font-weight:700;text-transform:capitalize;text-decoration:none;display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;transition:filter .2s,transform .2s}._button:hover{filter:brightness(1.1);transform:translateY(-2px)}._button:active{transform:translateY(0)}._button:before{content:"";width:1.2em;height:1.2em;background-color:currentColor;-webkit-mask-image:var(--icon-cart);mask-image:var(--icon-cart);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}:global(.dark-mode) ._card{--_background: #2a2a2a;--_text: #ffffff;box-shadow:0 20px 40px -10px #00000080}:global(.dark-mode) ._category:after{background-image:radial-gradient(circle at 100% 0,transparent 20px,var(--_background) 21px)}:global(.dark-mode) ._category:before{background-image:radial-gradient(circle at 0 100%,transparent 20px,var(--_background) 21px)}}@layer composition{.composable-grid{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:2rem;padding:2rem}}body,p,h1,h2,h3,h4,h5,h6{font-family:Segoe UI,system-ui,sans-serif}@layer feature{.dashboard-wrapper{container-type:inline-size;width:100%;height:100vh;color:var(--main-color);background-color:var(--app-container);display:flex;justify-content:center;overflow:hidden;position:absolute;top:0;left:0;z-index:10;--app-container: #f3f6fd;--main-color: #1f1c2e;--secondary-color: #4A4A4A;--link-color: #1f1c2e;--link-color-hover: #3a4157;--link-color-active: #fff;--link-color-active-bg: #1f1c2e;--projects-section: #fff;--message-box-hover: #fafcff;--message-box-border: #e9ebf0;--more-list-bg: #fff;--more-list-bg-hover: #f6fbff;--more-list-shadow: rgba(209, 209, 209, .4);--button-bg: #1f1c24;--search-area-bg: #fff;--star: #1ff1c2e;--message-btn: #fff;--light-font: rgba(0, 0, 0, .6)}:global(.dark-mode) .dashboard-wrapper{--app-container: #111827;--main-color: #fff;--secondary-color: rgba(255, 255, 255, .8);--projects-section: #1f2937;--link-color: rgba(255, 255, 255, .8);--link-color-hover: rgba(195, 207, 244, .1);--link-color-active-bg: rgba(195, 207, 244, .2);--button-bg: #1f2937;--search-area-bg: #1f2937;--message-box-hover: #243244;--message-box-border: rgba(255, 255, 255, .1);--star: #ffd92c;--light-font: rgba(255, 255, 255, .8);--more-list-bg: #2f3142;--more-list-bg-hover: rgba(195, 207, 244, .1);--more-list-shadow: rgba(195, 207, 244, .1);--message-btn: rgba(195, 207, 244, .1)}.dashboard-wrapper button,.dashboard-wrapper a{cursor:pointer}.dashboard-wrapper h2{font-family:Segoe UI,system-ui,sans-serif;line-height:1.1;letter-spacing:.02em;margin:1em 1em 16px;text-align:left;width:100%;max-width:1800px;color:#fff;text-shadow:.09em .12em 0px black,.05em -.03em 0 black,.05em .005em 0 black,0em .08em 0 black,.05em .08em 0 black,0px -.03em 0 black,-.03em -.03em 0 black,-.03em .08em 0 black,-.03em 0 0 black;font-size:2vw!important;font-weight:900;letter-spacing:.13em}.dashboard-wrapper .app-container{width:100%;display:flex;flex-direction:column;height:100%;background-color:var(--app-container);transition:.2s;max-width:1800px;overflow:hidden}.dashboard-wrapper .app-container button,.dashboard-wrapper .app-container input,.dashboard-wrapper .app-container optgroup,.dashboard-wrapper .app-container select,.dashboard-wrapper .app-container textarea{font-family:Segoe UI,system-ui,sans-serif}.dashboard-wrapper .app-content{display:flex;flex:1;height:100%;overflow:hidden;padding:16px 24px 24px 0}.dashboard-wrapper .app-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 24px;position:relative}.dashboard-wrapper .app-header-left,.dashboard-wrapper .app-header-right{display:flex;align-items:center;gap:.5em}.dashboard-wrapper .app-header-left{flex-grow:1}.dashboard-wrapper .app-header-right button{margin-left:10px}.dashboard-wrapper .app-icon{width:26px;height:2px;border-radius:4px;background-color:var(--main-color);position:relative}.dashboard-wrapper .app-icon:before,.dashboard-wrapper .app-icon:after{content:"";position:absolute;width:12px;height:2px;border-radius:4px;background-color:var(--main-color);left:50%;transform:translate(-50%)}.dashboard-wrapper .app-icon:before{top:-6px}.dashboard-wrapper .app-icon:after{bottom:-6px}.dashboard-wrapper .app-name{color:var(--main-color);font-size:20px;line-height:24px;font-weight:700;margin:0 32px}.dashboard-wrapper .mode-switch{background-color:transparent;border:none;padding:0;color:var(--main-color);display:flex;justify-content:center;align-items:center}.dashboard-wrapper .search-wrapper{border-radius:20px;background-color:var(--search-area-bg);padding-right:12px;height:40px;display:flex;justify-content:space-between;align-items:center;width:100%;max-width:480px;color:var(--light-font);box-shadow:0 2px 6px #8894ab33,0 24px 20px -24px #47526b1a;overflow:hidden}:global(.dark-mode) .dashboard-wrapper .search-wrapper{box-shadow:none}.dashboard-wrapper .search-input{border:none;flex:1;outline:none;height:100%;padding:0 20px;font-size:16px;background-color:var(--search-area-bg);color:var(--main-color)}.dashboard-wrapper .search-input:placeholder{color:var(--main-color);opacity:.6}.dashboard-wrapper .add-btn{color:#fff;background-color:var(--button-bg);padding:0;border:0;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.dashboard-wrapper .notification-btn{color:var(--main-color);padding:0;border:0;background-color:transparent;height:32px;display:flex;justify-content:center;align-items:center}.dashboard-wrapper .profile-btn{border:0;background-color:transparent;display:flex;align-items:center;padding:0 0 0 12px;border-left:2px solid #ddd}.dashboard-wrapper .profile-btn img{width:32px;height:32px;-o-object-fit:cover;object-fit:cover;border-radius:50%;margin-right:4px}.dashboard-wrapper .profile-btn span{color:var(--main-color);font-size:16px;line-height:24px;font-weight:700}.dashboard-wrapper .page-content{flex:1;width:100%}.dashboard-wrapper .app-sidebar{padding:40px 16px;display:flex;flex-direction:column;align-items:center}.dashboard-wrapper .app-sidebar-link{color:var(--main-color);color:var(--link-color);margin:16px 0;transition:.2s;border-radius:50%;flex-shrink:0;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.dashboard-wrapper .app-sidebar-link:hover{background-color:var(--link-color-hover);color:var(--link-color-active)}.dashboard-wrapper .app-sidebar-link.active{background-color:var(--link-color-active-bg);color:var(--link-color-active)}.dashboard-wrapper .projects-section{flex:2;background-color:var(--projects-section);border-radius:32px;padding:32px 32px 0;overflow:hidden;height:100%;display:flex;flex-direction:column}.dashboard-wrapper .projects-section-line{display:flex;justify-content:space-between;align-items:center;padding-bottom:32px}.dashboard-wrapper .projects-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;color:var(--main-color)}.dashboard-wrapper .projects-section-header p{font-size:24px;line-height:32px;font-weight:700;opacity:.9;margin:0;color:var(--main-color)}.dashboard-wrapper .projects-section-header .time{font-size:20px}.dashboard-wrapper .projects-status{display:flex;gap:1em}.dashboard-wrapper .item-status{display:flex;flex-direction:column;margin-right:16px}.dashboard-wrapper .item-status:not(:last-child) .status-type:after{content:"";position:absolute;right:8px;top:50%;transform:translatey(-50%);width:6px;height:6px;border-radius:50%;border:1px solid var(--secondary-color)}.dashboard-wrapper .status-number{font-size:24px;line-height:32px;font-weight:700;color:var(--main-color)}.dashboard-wrapper .status-type{position:relative;padding-right:24px;color:var(--secondary-color)}.dashboard-wrapper .view-actions{display:flex;align-items:center}.dashboard-wrapper .view-btn{width:36px;height:36px;display:flex;justify-content:center;align-items:center;padding:6px;border-radius:4px;background-color:transparent;border:none;color:var(--main-color);margin-left:8px;transition:.2s}.dashboard-wrapper .view-btn.active{background-color:var(--link-color-active-bg);color:var(--link-color-active)}.dashboard-wrapper .view-btn:not(.active):hover{background-color:var(--link-color-hover);color:var(--link-color-active)}.dashboard-wrapper .messages-section{flex-shrink:0;padding-bottom:32px;background-color:var(--projects-section);margin-left:24px;flex:1;width:100%;border-radius:30px;position:relative;overflow:auto;transition:all .3s cubic-bezier(.19,1,.56,1)}.dashboard-wrapper .messages-section .messages-close{position:absolute;top:12px;right:12px;z-index:3;border:none;background-color:transparent;color:var(--main-color);display:none}.dashboard-wrapper .messages-section.show{transform:translate(0);opacity:1;margin-left:0}.dashboard-wrapper .messages-section .projects-section-header{position:sticky;top:0;z-index:1;padding:32px 24px 0}.dashboard-wrapper .message-box{border-top:1px solid var(--message-box-border);padding:16px;display:flex;align-items:flex-start;width:100%}.dashboard-wrapper .message-box:hover{background-color:var(--message-box-hover);border-top-color:var(--link-color-hover)}.dashboard-wrapper .message-box:hover p{color:#111827}.dashboard-wrapper .message-box:hover+.message-box{border-top-color:var(--link-color-hover)}.dashboard-wrapper .message-box img{border-radius:50%;-o-object-fit:cover;object-fit:cover;width:40px;height:40px}.dashboard-wrapper .message-header{display:flex;align-items:center;justify-content:space-between;width:100%}.dashboard-wrapper .message-header .name{font-size:16px;line-height:24px;font-weight:700;color:var(--main-color);margin:0}.dashboard-wrapper .message-content{padding-left:16px;width:100%}.dashboard-wrapper .star-checkbox input{opacity:0;position:absolute;width:0;height:0}.dashboard-wrapper .star-checkbox label{width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer}:global(.dark-mode) .dashboard-wrapper .star-checkbox{color:var(--secondary-color)}:global(.dark-mode) .dashboard-wrapper .star-checkbox input:checked+label{color:var(--star)}.dashboard-wrapper .star-checkbox input:checked+label svg{fill:var(--star);transition:.2s}.dashboard-wrapper .message-line{font-size:14px;line-height:20px;margin:8px 0;color:var(--message-box-hover);opacity:.7}.dashboard-wrapper .message-line.time{text-align:right;margin-bottom:0}.dashboard-wrapper .project-boxes.jsGridView{display:flex;flex-wrap:wrap}.dashboard-wrapper .project-boxes.jsGridView .project-box-wrapper{width:33.3%}.dashboard-wrapper .project-boxes.jsListView .project-box{display:flex;border-radius:10px;position:relative}.dashboard-wrapper .project-boxes.jsListView .project-box>*{margin-right:24px}.dashboard-wrapper .project-boxes.jsListView .more-wrapper{position:absolute;right:16px;top:16px}.dashboard-wrapper .project-boxes.jsListView .project-box-content-header{order:1;max-width:120px;white-space:normal}.dashboard-wrapper .project-boxes.jsListView .project-box-header{order:2}.dashboard-wrapper .project-boxes.jsListView .project-box-footer{order:3;padding-top:0;flex-direction:column;justify-content:flex-start}.dashboard-wrapper .project-boxes.jsListView .project-box-footer:after{display:none}.dashboard-wrapper .project-boxes.jsListView .participants{margin-bottom:8px}.dashboard-wrapper .project-boxes.jsListView .project-box-content-header p{text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dashboard-wrapper .project-boxes.jsListView .project-box-header>span{position:absolute;bottom:16px;left:16px;font-size:12px}.dashboard-wrapper .project-boxes.jsListView .box-progress-wrapper{order:3;flex:1}.dashboard-wrapper .project-box{--main-color-card: #dbf6fd;border-radius:30px;padding:16px;background-color:var(--main-color-card)}.dashboard-wrapper .project-box-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;color:var(--main-color)}.dashboard-wrapper .project-box-header span{color:#4a4a4a;opacity:.7;font-size:14px;line-height:16px}.dashboard-wrapper .project-box-content-header{text-align:center;margin-bottom:16px}.dashboard-wrapper .project-box-content-header p{margin:0}.dashboard-wrapper .project-box-wrapper{padding:8px;transition:.2s}.dashboard-wrapper .project-btn-more{padding:0;height:14px;width:24px;height:24px;position:relative;background-color:transparent;border:none;flex-shrink:0}.dashboard-wrapper .more-wrapper{position:relative}.dashboard-wrapper .box-content-header{font-size:16px;line-height:24px;font-weight:700;opacity:.7}.dashboard-wrapper .box-content-subheader{font-size:14px;line-height:24px;opacity:.7}.dashboard-wrapper .box-progress{display:block;height:4px;border-radius:6px}.dashboard-wrapper .box-progress-bar{width:100%;height:4px;border-radius:6px;overflow:hidden;background-color:#fff}.dashboard-wrapper .box-progress-header{font-size:14px;font-weight:700;line-height:16px;margin:0;margin-bottom:1em!important}.dashboard-wrapper .box-progress-percentage{text-align:right;margin:0;font-size:14px;font-weight:700;line-height:16px;margin-top:.5em!important}.dashboard-wrapper .project-box-footer{display:flex;justify-content:space-between;padding-top:16px;position:relative}.dashboard-wrapper .project-box-footer:after{content:"";position:absolute;background-color:#fff9;width:calc(100% + 32px);top:-5px;left:-16px;height:1px}.dashboard-wrapper .participants{display:flex;align-items:center}.dashboard-wrapper .participants img{width:20px;height:20px;border-radius:50%;overflow:hidden;-o-object-fit:cover;object-fit:cover}.dashboard-wrapper .participants img:not(:first-child){margin-left:-8px}.dashboard-wrapper .add-participant{width:20px;height:20px;border-radius:50%;border:none;background-color:#fff9;margin-left:6px;display:flex;justify-content:center;align-items:center;padding:0}.dashboard-wrapper .days-left{font-size:12px;border-radius:20px;flex-shrink:0;padding:6px 16px;font-weight:700}.dashboard-wrapper .mode-switch.active .moon{fill:var(--main-color)}.dashboard-wrapper .messages-btn{border-radius:4px 0 0 4px;position:absolute;right:0;top:58px;background-color:var(--message-btn);border:none;color:var(--main-color);display:flex;justify-content:center;align-items:center;padding:4px;display:none}@media screen and (max-width:980px){.dashboard-wrapper .project-boxes.jsGridView .project-box-wrapper{width:50%}.dashboard-wrapper .status-number,.dashboard-wrapper .status-type{font-size:14px}.dashboard-wrapper .status-type:after{width:4px;height:4px}.dashboard-wrapper .item-status{margin-right:0}}@media screen and (max-width:880px){.dashboard-wrapper .messages-section{transform:translate(100%);position:absolute;opacity:0;top:0;z-index:2;height:100%;width:100%}.dashboard-wrapper .messages-section .messages-close{display:block}.dashboard-wrapper .messages-btn{display:flex}}@media screen and (max-width:720px){.dashboard-wrapper .app-name,.dashboard-wrapper .profile-btn span{display:none}.dashboard-wrapper .add-btn,.dashboard-wrapper .notification-btn,.dashboard-wrapper .mode-switch{width:20px;height:20px}.dashboard-wrapper .add-btn svg,.dashboard-wrapper .notification-btn svg,.dashboard-wrapper .mode-switch svg{width:16px;height:16px}.dashboard-wrapper .app-header-right button{margin-left:4px}}@media screen and (max-width:520px){.dashboard-wrapper .projects-section{overflow:auto}.dashboard-wrapper .project-boxes{overflow-y:visible}.dashboard-wrapper .app-sidebar,.dashboard-wrapper .app-icon{display:none}.dashboard-wrapper .app-content{padding:16px 12px 24px}.dashboard-wrapper .status-number,.dashboard-wrapper .status-type{font-size:10px}.dashboard-wrapper .view-btn{width:24px;height:24px}.dashboard-wrapper .app-header{padding:16px 10px}.dashboard-wrapper .search-input{max-width:120px}.dashboard-wrapper .project-boxes.jsGridView .project-box-wrapper{width:100%}.dashboard-wrapper .projects-section{padding:24px 16px 0}.dashboard-wrapper .profile-btn img{width:24px;height:24px}.dashboard-wrapper .projects-section-header p,.dashboard-wrapper .projects-section-header .time{font-size:18px}.dashboard-wrapper .status-type{padding-right:4px}.dashboard-wrapper .status-type:after{display:none}.dashboard-wrapper .search-input{font-size:14px}.dashboard-wrapper .messages-btn{top:48px}.dashboard-wrapper .box-content-header,.dashboard-wrapper .box-content-subheader{font-size:12px;line-height:16px}.dashboard-wrapper .project-boxes.jsListView .project-box-header>span{font-size:10px}.dashboard-wrapper .box-progress-header{font-size:12px}.dashboard-wrapper .box-progress-percentage{font-size:10px}.dashboard-wrapper .days-left{font-size:8px;padding:6px;text-align:center}.dashboard-wrapper .project-boxes.jsListView .project-box>*{margin-right:10px}.dashboard-wrapper .project-boxes.jsListView .more-wrapper{right:2px;top:10px}}}.dashboard-wrapper{--app-container: transparent;--main-color: #1f1c2e;--secondary-color: #4A4A4A;--link-color: #1f1c2e;--link-color-hover: #c3cff4;--link-color-active: #fff;--link-color-active-bg: #1f1c2e;--projects-section: #ffffff3c;--message-box-hover: #fafcff;--message-box-border: #e9ebf0;--more-list-bg: #fff;--more-list-bg-hover: #f6fbff;--more-list-shadow: rgba(209, 209, 209, .4);--button-bg: #1f1c24;--search-area-bg: #fff;--star: #1ff1c2e;--message-btn: #fff;--light-font: rgba(0, 0, 0, .6)}:global(.dark-mode) .dashboard-wrapper{--app-container: transparent;--main-color: #fff;--secondary-color: rgba(255, 255, 255, .8);--projects-section: #1f2937;--link-color: rgba(255, 255, 255, .8);--link-color-hover: rgba(195, 207, 244, .1);--link-color-active-bg: rgba(195, 207, 244, .2);--button-bg: #1f2937;--search-area-bg: #1f2937;--message-box-hover: #243244;--message-box-border: rgba(255, 255, 255, .1);--star: #ffd92c;--light-font: rgba(255, 255, 255, .8);--more-list-bg: #2f3142;--more-list-bg-hover: rgba(195, 207, 244, .1);--more-list-shadow: rgba(195, 207, 244, .1);--message-btn: rgba(195, 207, 244, .1)}.swiper-slide.slide4{padding:0!important}.dashboard-wrapper{width:90%!important;height:80vh!important;max-width:100%!important;max-height:80vh!important;margin:0!important;padding-bottom:20px!important;padding-left:20px!important;padding-right:20px!important;align-items:center;position:relative;z-index:100;background-color:transparent;box-sizing:border-box;display:flex;flex-direction:column}.dashboard-wrapper *{box-sizing:border-box}.dashboard-wrapper .app-container{width:100%;height:auto;display:flex;flex-direction:column;overflow:hidden;gap:20px}.dashboard-wrapper .app-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:60px}.dashboard-wrapper .app-content{display:flex;flex:1;overflow:hidden;gap:30px;padding:0 10px;background-color:transparent}.dashboard-wrapper .app-sidebar{display:flex;flex-direction:column;gap:24px;padding-top:10px}.dashboard-wrapper .projects-section{display:flex;flex-direction:column;border-radius:32px;padding:30px;overflow:hidden}.dashboard-wrapper .projects-section-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.projects-section-header p{color:var(--gray-950);cursor:pointer;text-align:left;background-color:#fff;justify-content:flex-start;padding:0 5px;line-height:1;font-size:1rem!important}.dashboard-wrapper .projects-section-line{margin-bottom:24px}.dashboard-wrapper .project-boxes{overflow-y:auto;padding-right:10px}.dashboard-wrapper .project-boxes.jsGridView{display:flex;flex-wrap:wrap;gap:24px}.dashboard-wrapper .project-boxes.jsGridView .project-box-wrapper{width:calc(33.33% - 16px);margin:0}.dashboard-wrapper .project-box{border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:12px;min-height:200px}.dashboard-wrapper .messages-section{flex:1;background-color:var(--projects-section);border-radius:32px;padding:30px;display:flex;flex-direction:column;overflow:hidden;gap:20px;box-shadow:0 4px 12px #0000000d}.dashboard-wrapper .messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:20px;padding-right:10px}.dashboard-wrapper .message-box{padding:16px;border-top:1px solid var(--message-box-border);display:flex;gap:16px}.dashboard-wrapper h2,.dashboard-wrapper p{margin:0}@media screen and (max-width:1200px){.dashboard-wrapper .project-boxes.jsGridView .project-box-wrapper{width:calc(50% - 12px)}}@media screen and (max-width:880px){.dashboard-wrapper .messages-section{position:absolute;right:0;top:0;z-index:50;width:100%;height:100%;transform:translate(110%);transition:transform .3s ease}.dashboard-wrapper .messages-section.show{transform:translate(0)}.dashboard-wrapper .project-boxes.jsGridView .project-box-wrapper{width:100%}}@media screen and (max-width:768px){.dashboard-wrapper .app-sidebar{flex-direction:row}.dashboard-wrapper .app-content{flex-direction:column;gap:5px}.dashboard-wrapper .app-container{gap:0px}.dashboard-wrapper .app-header{padding:0 10px}.dashboard-wrapper{width:100%!important;padding-left:0!important;padding-right:0!important;height:100vh!important;max-height:100vh!important}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) ::slotted(svg),:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;inset:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}#intro-section{position:relative;height:100vh;width:100%;pointer-events:none}#intro-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;display:flex;justify-content:center;align-items:center;z-index:10001;pointer-events:none}.intro-scale-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;will-change:transform}.intro-text-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30vw;z-index:-1;opacity:.7;height:auto;margin-bottom:2rem;overflow:visible}.intro-text{fill:#e9d32f;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2vw;font-weight:900;text-shadow:.09em .12em 0px black,.05em -.03em 0 black,.05em .005em 0 black,0em .08em 0 black,.05em .08em 0 black,0px -.03em 0 black,-.03em -.03em 0 black,-.03em .08em 0 black,-.03em 0 0 black;text-transform:uppercase;letter-spacing:.2em;opacity:1}.pendulum{display:flex;border:3px solid #181811;border-bottom-width:1vw;border-radius:1vw 1vw 0 0;padding:0 2vw 1vw;height:10vw}.piece{transform-origin:center top;display:flex;align-items:center;flex-direction:column;width:2vw;height:10vw}.piece:before{content:"";background:#1a1a1a;width:1px;height:6.9vw}.piece:after{content:"";border-radius:100%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3) 0%,rgba(255,255,255,.3) 20%,transparent 21%),#1a1a1a;width:2vw;height:2vw}.piece:first-child{animation:1s cubic-bezier(.215,.61,.355,1) infinite alternate left}.piece:last-child{animation:1s cubic-bezier(.55,.055,.675,.19) infinite alternate right}@keyframes left{0%{transform:rotate(0)}50%{transform:rotate(0)}to{transform:rotate(45deg)}}@keyframes right{0%{transform:rotate(-45deg)}50%{transform:rotate(0)}to{transform:rotate(0)}}#intro-portal{border-radius:50%}#intro-portal:before{content:"";position:absolute;inset:-100vmax;padding:100vmax;background:conic-gradient(#0d0d0c,#2d3f3f,#0d0d0d);-webkit-mask:radial-gradient(circle closest-side,#000 99%,#0000 100%) content-box,linear-gradient(#000 0 0);mask:radial-gradient(circle closest-side,#000 99%,#0000 100%) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;border-radius:50%;pointer-events:none!important}@media(max-width:768px){#intro-section,#intro-overlay,#intro-portal{display:none!important;visibility:hidden!important;width:0!important;height:0!important;pointer-events:none!important}}