@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600&family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,800;1,400&family=Outfit:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,800;1,400&family=Fira+Code:wght@300;400;600&family=Inter:wght@300;400;500;600&display=swap";@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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-leading:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.isolation-auto{isolation:auto}.z-10{z-index:10}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.list-item{display:list-item}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-1{flex:1}.shrink{flex-shrink:1}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.translate-none{translate:none}.scale-3d{scale:var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.touch-pinch-zoom{--tw-pinch-zoom:pinch-zoom;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}:where(.space-y-reverse>:not(:last-child)){--tw-space-y-reverse:1}:where(.space-x-reverse>:not(:last-child)){--tw-space-x-reverse:1}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-y-reverse>:not(:last-child)){--tw-divide-y-reverse:1}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.rounded-\[1\.15rem\]{border-radius:1.15rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.border-bs{border-block-start-style:var(--tw-border-style);border-block-start-width:1px}.border-be{border-block-end-style:var(--tw-border-style);border-block-end-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-repeat{background-repeat:repeat}.mask-no-clip{-webkit-mask-clip:no-clip;mask-clip:no-clip}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.p-px{padding:1px}.text-center{text-align:center}.leading-\[0\.8\]{--tw-leading:.8;line-height:.8}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.text-wrap{text-wrap:wrap}.text-clip{text-overflow:clip}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-transparent{color:#0000}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.diagonal-fractions{--tw-numeric-fraction:diagonal-fractions;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.lining-nums{--tw-numeric-figure:lining-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.oldstyle-nums{--tw-numeric-figure:oldstyle-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.proportional-nums{--tw-numeric-spacing:proportional-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.slashed-zero{--tw-slashed-zero:slashed-zero;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.stacked-fractions{--tw-numeric-fraction:stacked-fractions;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.normal-nums{font-variant-numeric:normal}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.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)}.inset-ring{--tw-inset-ring-shadow:inset 0 0 0 1px var(--tw-inset-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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-grayscale{--tw-backdrop-grayscale:grayscale(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-invert{--tw-backdrop-invert:invert(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-sepia{--tw-backdrop-sepia:sepia(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}:where(.divide-x-reverse>:not(:last-child)){--tw-divide-x-reverse:1}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}:root{--bg-primary:#faf9f6;--bg-secondary:#f2efe9;--text-primary:#1c1c1c;--text-secondary:#5e5e5e;--accent-color:#7b9075;--accent-secondary:#bc825b;--nav-height:80px;--font-display:"Playfair Display", serif;--font-body:"Inter", sans-serif;--transition-smooth:all .5s cubic-bezier(.16, 1, .3, 1)}.mode-tech{--font-display:"Fira Code", "Courier New", monospace;--font-body:"Inter", sans-serif;--bg-primary:#121212;--bg-secondary:#1a1a1a;--text-primary:#f5f5f5;--text-secondary:#a3a3a3;--accent-color:#fff;--accent-secondary:#e0e0e0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-weight:600;line-height:1.1}p{font-size:1.05rem}a{color:inherit;transition:var(--transition-smooth);text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.container{max-width:1400px;margin:0 auto;padding:0 4vw}.page-container{min-height:100vh;padding-top:var(--nav-height);padding-bottom:4rem;padding-left:6vw;padding-right:6vw}.section-padding{padding:2rem 0}.page-transition-wrapper{transform-origin:top}.hover-link{display:inline-block;position:relative}.hover-link:after{content:"";transform-origin:100% 100%;background-color:currentColor;width:100%;height:1px;transition:transform .4s cubic-bezier(.86,0,.07,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.hover-link:hover:after{transform-origin:0 100%;transform:scaleX(1)}.engSubTitle,.engTitle{color:#fff}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}.persona-switch{background:#0000000d;border-radius:40px;align-items:center;margin-left:2rem;padding:.25rem;transition:all .3s;display:flex}.mode-tech .persona-switch{background:#ffffff0d}.persona-btn{color:var(--text-secondary);letter-spacing:.1em;cursor:pointer;background:0 0;border:none;border-radius:30px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.persona-btn.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 4px 15px #0000001a}.mode-tech .persona-btn.active{background:var(--bg-primary);color:var(--accent-secondary);box-shadow:0 4px 15px #0006}.persona-btn:hover:not(.active){color:var(--text-primary)}@media (width<=768px){.p-label{display:none}.persona-btn{padding:.6rem}}.main-nav{width:100%;height:var(--nav-height);-webkit-backdrop-filter:blur(10px);z-index:1000;background:#faf9f6d9;border-bottom:1px solid #0000000d;transition:background .4s,border-bottom-color .4s;position:fixed;top:0;left:0}.mode-tech .main-nav{background:#0a0e17d9;border-bottom-color:#ffffff0d}.nav-container{grid-template-columns:1fr auto 1fr;align-items:center;height:100%;display:grid}.nav-logo{font-family:var(--font-display);letter-spacing:-.02em;justify-self:start;font-size:1.5rem;font-weight:800}.nav-links{justify-self:center;gap:2.5rem;display:flex}.nav-actions{justify-content:flex-end;justify-self:end;display:flex}.nav-item{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.95rem;font-weight:500}.nav-item.active{color:var(--text-primary);font-weight:600}.nav-item:not(.active):hover{color:var(--text-primary)}.mobile-menu-btn,.mobile-menu-overlay{display:none}@media (width<=820px){.desktop-nav{display:none}.nav-container{justify-content:space-between;display:flex}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.mobile-menu-overlay{top:var(--nav-height);-webkit-backdrop-filter:blur(10px);background:#faf9f6fa;border-bottom:1px solid #0000001a;flex-direction:column;width:100%;padding:2rem 0;display:flex;position:absolute;left:0;overflow:hidden}.mode-tech .mobile-menu-overlay{background:#0a0e17fa;border-bottom-color:#ffffff1a}.mobile-nav-links{flex-direction:column;align-items:center;gap:2rem;display:flex}.mobile-nav-links .nav-item{font-size:1.25rem}.mobile-actions{margin-top:1rem}}.home-section{min-height:calc(100vh - var(--nav-height) - 100px);align-items:center;padding-top:4rem;display:flex}.home-content{width:100%}.home-greeting{margin-bottom:2rem}.greeting-text{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);font-size:.9rem;font-weight:500}.hero-split{justify-content:space-between;align-items:center;margin-bottom:4rem;display:flex}.hero-text-col{flex:1;padding-right:2rem}.home-title{letter-spacing:-.03em;color:var(--text-primary);font-size:clamp(3.5rem,8vw,6.5rem);line-height:1.05}.serif-italic{color:var(--accent-color);font-style:italic;font-weight:400}.hero-image-wrapper{border-radius:20px;width:40%;max-width:450px;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000026}.hero-art{object-fit:cover;width:100%;height:auto;display:block}.home-footer{border-top:1px solid #0000001a;justify-content:space-between;align-items:flex-end;padding-top:2.5rem;display:flex}.mode-tech .home-footer{border-color:#ffffff1a}.home-description{max-width:500px;color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.home-cta{border-bottom:2px solid var(--text-primary);transition:var(--transition-smooth);align-items:center;gap:.5rem;padding-bottom:.25rem;font-size:1.1rem;font-weight:600;display:flex}.home-cta:hover{color:var(--accent-secondary);border-bottom-color:var(--accent-secondary);gap:1rem}.marquee-wrapper{background:var(--bg-secondary);border-top:1px solid #0000000d;border-bottom:1px solid #0000000d;width:100%;margin-top:4rem;padding:1.5rem 0;overflow:hidden}.marquee-content{white-space:nowrap;width:max-content;display:flex}.marquee-text{font-family:var(--font-display);color:var(--text-primary);opacity:.8;padding-right:2rem;font-size:2.5rem;font-style:italic}.tech-home-container{margin-left:-6vw;margin-right:-6vw;position:relative;overflow:hidden}.cyber-grid-container{z-index:0;pointer-events:none;position:absolute;inset:0 0 120px;overflow:hidden}.cyber-grid{background-image:radial-gradient(var(--text-secondary) 1px, transparent 1px);opacity:.15;background-size:30px 30px;width:100%;height:100%;animation:8s ease-in-out infinite alternate gridFade;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#000 40%,#0000 100%);mask-image:linear-gradient(#000 40%,#0000 100%)}@keyframes gridFade{0%{opacity:.05}to{opacity:.2}}.tech-badge{color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.8rem;display:inline-flex}.pulse-dot{background:var(--text-primary);width:8px;height:8px;box-shadow:0 0 10px var(--text-primary);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.cyber-title{text-transform:uppercase;color:var(--text-primary);text-shadow:0 0 15px #ffffff26;letter-spacing:-.05em;font-size:clamp(3rem,7vw,5.5rem);font-weight:600;line-height:1.1}.cyber-desc{color:var(--text-secondary);max-width:580px;font-size:1.1rem}.cyber-btn{color:var(--text-primary);border:1px solid var(--text-primary);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:.9rem;transition:all .3s;display:inline-flex}.cyber-btn:hover{background:var(--text-primary);color:var(--bg-primary);box-shadow:0 0 20px #fff3}.tech-frame{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#12121299;border:1px solid #ffffff14;padding:.75rem;position:relative}.frame-corner{border:2px solid var(--text-secondary);z-index:10;width:20px;height:20px;position:absolute}.top-left{border-bottom:none;border-right:none;top:-2px;left:-2px}.top-right{border-bottom:none;border-left:none;top:-2px;right:-2px}.bottom-left{border-top:none;border-right:none;bottom:-2px;left:-2px}.bottom-right{border-top:none;border-left:none;bottom:-2px;right:-2px}.tech-image{aspect-ratio:4/5;filter:contrast(1.1)grayscale(15%);border-radius:2px}.cyber-image-wrapper{border-radius:0;width:45%;overflow:visible;box-shadow:0 0 50px #ffffff0d}.floating-badge{border:1px solid var(--text-secondary);color:var(--text-primary);font-family:var(--font-display);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#121212d9;padding:.4rem .8rem;font-size:.75rem;position:absolute;box-shadow:0 5px 15px #00000080}.fb-1{animation:4s ease-in-out infinite floatBadge;top:15%;right:-30px}.fb-2{animation:5s ease-in-out infinite reverse floatBadge;bottom:20%;left:-30px}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mode-tech .marquee-wrapper{background:var(--bg-primary);z-index:5;border-color:#ffffff0d;position:relative}.mt-6{margin-top:1.5rem}.mt-10{margin-top:2.5rem}@media (width<=900px){.hero-split{flex-direction:column-reverse;gap:3rem}.hero-text-col{text-align:center;flex-direction:column;align-items:center;padding-right:0;display:flex}.home-title{font-size:clamp(2.5rem,8vw,4rem)}.cyber-title{text-align:center}.hero-image-wrapper,.cyber-image-wrapper{width:100%;max-width:500px;margin:0 auto}.home-footer{text-align:center;flex-direction:column;align-items:center;gap:2rem}.floating-badge{padding:.3rem .6rem;font-size:.65rem}.fb-1{right:10px}.fb-2{left:10px}.tech-home-container{padding-top:2rem}}@media (width<=480px){.floating-badge{display:none}.tech-frame{padding:.5rem}.greeting-text{font-size:.8rem}}.page-title{letter-spacing:-.02em;margin-bottom:4rem;font-size:clamp(3.5rem,8vw,6rem);line-height:1.1}.editorial-layout{grid-template-columns:1fr 1.2fr;align-items:flex-start;gap:6rem;display:grid}.about-portrait{border-radius:12px;width:100%;display:block;box-shadow:0 10px 30px #0000001a}.mode-tech .about-portrait{box-shadow:0 10px 30px #0006}.lead-text{color:var(--text-primary);font-size:1.5rem;font-weight:400;line-height:1.6;font-family:var(--font-display);margin-bottom:2rem}.secondary-text{color:var(--text-secondary);margin-bottom:3rem;font-size:1.05rem;line-height:1.8}.timeline-item{border-left:1px solid #0000001a;margin-bottom:2rem;padding-left:2rem;position:relative}.mode-tech .timeline-item{border-left-color:#ffffff1a}.timeline-item:before{content:"";background:var(--text-primary);border-radius:50%;width:7px;height:7px;position:absolute;top:0;left:-4px}.timeline-year{color:var(--accent-secondary);letter-spacing:.1em;margin-bottom:.25rem;font-size:.8rem;font-weight:600;display:block}.timeline-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem}.timeline-desc{color:var(--text-secondary);font-size:1rem;line-height:1.5}.column-heading{font-size:2rem;font-style:italic;font-weight:400;font-family:var(--font-display);margin-bottom:2.5rem}.skill-group{margin-bottom:2.5rem}.skill-category-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);border-bottom:1px solid #0000001a;margin-bottom:1rem;padding-bottom:.5rem;font-size:.85rem}.mode-tech .skill-category-title{border-bottom-color:#ffffff1a}.skill-tags{flex-wrap:wrap;gap:.75rem;display:flex}.elegant-tag{color:var(--text-primary);transition:var(--transition-smooth);background:0 0;border:1px solid #00000026;border-radius:40px;padding:.4rem 1rem;font-size:.85rem}.dark .elegant-tag{border-color:#ffffff26}.elegant-tag:hover{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}@media (width<=900px){.editorial-layout{grid-template-columns:1fr;gap:4rem}}.resume-btn{width:100%;font-family:var(--font-display,sans-serif);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;margin-top:1.5rem;padding:1rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.mode-tech .resume-btn{color:#0fc;background:#00ffcc0d;border:1px solid #00ffcc4d;box-shadow:0 0 15px #00ffcc0d}.mode-tech .resume-btn:hover{background:#00ffcc26;transform:translateY(-2px);box-shadow:0 0 25px #0fc3}:not(.mode-tech) .resume-btn{background:var(--text-primary);color:var(--bg-primary);border:1px solid var(--text-primary)}:not(.mode-tech) .resume-btn:hover{color:var(--text-primary);background:0 0;transform:translateY(-2px)}.projects-header{border-bottom:1px solid #0000001a;margin-bottom:5rem}.mode-tech .projects-header{border-bottom-color:#ffffff1a}.tech-projects-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;padding-bottom:4rem;display:grid}.tech-project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#12121266;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:320px;padding:0;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.tech-project-card:before{content:"";background:radial-gradient(800px circle at var(--mouse-x,50%) var(--mouse-y,50%), #ffffff08, transparent 40%);z-index:0;pointer-events:none;opacity:0;transition:opacity .5s;position:absolute;inset:0}.tech-project-card:hover{background:#18181899;border-color:#ffffff26;transform:translateY(-8px);box-shadow:0 20px 40px #00000080}.tech-project-card:hover:before{opacity:1}.tech-card-inner{flex-direction:column;justify-content:space-between;height:100%;padding:2.5rem;display:flex}.card-top{z-index:10;flex-direction:column;gap:1.5rem;display:flex;position:relative}.card-header-flex{justify-content:space-between;align-items:flex-start;display:flex}.tech-card-title{color:var(--text-primary);font-size:2rem;font-weight:500;line-height:1.2}.card-action-icon{width:48px;height:48px;color:var(--text-primary);background:0 0;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.tech-project-card:hover .card-action-icon{background:var(--text-primary);color:var(--bg-primary);transform:rotate(45deg)}.tech-card-tags{flex-wrap:wrap;gap:.5rem;display:flex}.tech-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff0d;border-radius:40px;padding:.4rem .8rem;font-size:.75rem;transition:all .3s}.tech-project-card:hover .tech-tag{color:var(--text-primary);background:#ffffff1a;border-color:#fff3}.card-reveal-content{z-index:10;opacity:.5;flex-direction:column;gap:1.5rem;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;transform:translateY(20px)}.tech-project-card:hover .card-reveal-content{opacity:1;transform:translateY(0)}.tech-card-desc{color:var(--text-secondary);font-size:1rem;line-height:1.6}.tech-card-btn{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);border-bottom:1px solid #0000;align-self:flex-start;align-items:center;gap:.5rem;padding-bottom:.25rem;font-size:.9rem;transition:gap .3s;display:inline-flex}.tech-project-card:hover .tech-card-btn{border-bottom-color:var(--text-primary);gap:1rem}.art-gallery-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:4rem;padding-top:2rem;display:grid}.art-card{flex-direction:column;gap:1.5rem;display:flex}.art-image{aspect-ratio:4/5;object-fit:cover;border-radius:4px;width:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px #00000014}.art-card:hover .art-image{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.art-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.5rem;font-size:1.75rem;font-style:italic}.art-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6}@media (width<=900px){.tech-projects-grid{grid-template-columns:1fr;gap:1.5rem}.tech-project-card{min-height:auto}.tech-card-inner{padding:1.5rem}.card-reveal-content{opacity:1;margin-top:2rem;transform:translateY(0)}.art-gallery-grid{grid-template-columns:1fr;gap:3rem}}.contact-layout{grid-template-columns:1fr 1fr;align-items:flex-start;gap:8rem;display:grid}.contact-text-col{padding-right:2rem}.contact-lead{color:var(--text-secondary);margin-bottom:4rem;font-size:1.25rem;line-height:1.6}.mt-12{margin-top:3rem}.contact-direct,.contact-socials,.local-time-widget{flex-direction:column;gap:.5rem;margin-bottom:2.5rem;display:flex}.direct-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-size:.75rem;font-weight:500}.direct-link{font-size:1.5rem;font-family:var(--font-display);width:max-content;font-style:italic}.social-links-list{gap:2rem;font-weight:500;display:flex}.time-display{font-size:2rem;font-family:var(--font-display);color:var(--text-primary)}.minimal-form{flex-direction:column;gap:3rem;margin-top:2rem;display:flex}.input-row{position:relative}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.minimal-form input,.minimal-form textarea{width:100%;font-family:var(--font-body);color:var(--text-primary);resize:none;background:0 0;border:none;border-bottom:1px solid #0003;padding:1rem 0;font-size:1.5rem;transition:border-color .4s}.mode-tech .minimal-form input,.mode-tech .minimal-form textarea{border-bottom-color:#fff3}.minimal-form input::placeholder,.minimal-form textarea::placeholder{color:#00000040;font-weight:300}.mode-tech .minimal-form input::placeholder,.mode-tech .minimal-form textarea::placeholder{color:#ffffff40}.minimal-form input:focus,.minimal-form textarea:focus{border-bottom-color:var(--text-primary);outline:none}.submit-action{cursor:pointer;border:none;border-bottom:2px solid var(--text-primary);width:max-content;transition:var(--transition-smooth);background:0 0;justify-content:space-between;align-items:center;gap:2rem;padding:1rem 0;display:flex}.submit-text{text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);font-size:1.1rem;font-weight:600}.submit-icon-wrapper{background:var(--text-primary);width:40px;height:40px;color:var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex}.submit-action:hover .submit-icon-wrapper{transform:translate(10px)}.submit-action:hover{border-bottom-color:var(--accent-secondary)}.submit-action:hover .submit-text{color:var(--accent-secondary)}@media (width<=900px){.contact-layout{grid-template-columns:1fr;gap:4rem}}.landing-overlay-container{z-index:9999;background-color:#000;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.landing-split-wrapper{width:100%;height:100%;display:flex;position:relative}.split-panel{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;height:100%;transition:filter .7s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.split-panel.inactive{filter:grayscale(80%)brightness(.4)blur(8px);pointer-events:none}.art-panel{color:#1a1a1a;z-index:1;background-color:#fcfbf9}.art-bg-layer{z-index:0;opacity:.8;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0;overflow:hidden}.blob{filter:blur(80px);opacity:.6;border-radius:50%;animation:20s ease-in-out infinite alternate float;position:absolute}.blob-1{background:#ffbba6;width:60vh;height:60vh;animation-delay:0s;top:-10%;left:-10%}.blob-2{background:#e6c1fa;width:50vh;height:50vh;animation-delay:-5s;bottom:-20%;right:-10%}.blob-3{background:#fff0d4;width:40vh;height:40vh;animation-delay:-10s;top:40%;left:30%}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(10vw,5vh)scale(1.2)}to{transform:translate(-5vw,15vh)scale(.9)}}.art-panel .panel-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:1.2rem;transition:transform .7s cubic-bezier(.16,1,.3,1);display:flex}.art-panel:hover .panel-content{transform:scale(1.08)}.art-title{letter-spacing:-.02em;color:#1a1a1a;text-shadow:0 10px 30px #ffbba680;margin:0;font-family:Playfair Display,serif;font-size:clamp(3rem,5vw,5rem);font-style:italic;font-weight:600}.art-panel .panel-subtitle{text-transform:uppercase;letter-spacing:.2em;opacity:.7;margin:0;font-family:Inter,sans-serif;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:500}.tech-panel{color:#fff;z-index:1;background-color:#050510;border-left:1px solid #ffffff0d}.tech-bg-layer{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.cyber-grid{opacity:.4;background-image:linear-gradient(#00ffcc0d 1px,#0000 1px),linear-gradient(90deg,#00ffcc0d 1px,#0000 1px);background-size:50px 50px;width:200%;height:200%;animation:20s linear infinite gridMove;position:absolute;top:-50%;left:-50%;transform:perspective(500px)rotateX(60deg)translateY(-100px)translateZ(-200px)}@keyframes gridMove{0%{transform:perspective(500px)rotateX(60deg)translateY(0)translateZ(-200px)}to{transform:perspective(500px)rotateX(60deg)translateY(50px)translateZ(-200px)}}.cyber-glow{filter:blur(100px);opacity:.3;border-radius:50%;position:absolute}.glow-1{background:#0fc;width:50vh;height:50vh;top:-10%;right:-10%}.glow-2{background:#04f;width:60vh;height:60vh;bottom:-20%;left:-10%}.tech-panel .panel-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:1.2rem;transition:transform .7s cubic-bezier(.16,1,.3,1);display:flex}.tech-panel:hover .panel-content{transform:scale(1.08)}.tech-title{letter-spacing:-.05em;color:#fff;text-shadow:0 0 20px #0fc6,0 0 40px #04f3;margin:0;font-family:Fira Code,monospace;font-size:clamp(2.5rem,4.5vw,4.5rem);font-weight:600}.tech-panel .panel-subtitle{text-transform:uppercase;letter-spacing:.2em;color:#0fc;opacity:.8;margin:0;font-family:Inter,sans-serif;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:500}.panel-icon{opacity:.9}.panel-desc{opacity:.7;max-width:80%;margin:0 auto;font-family:Inter,sans-serif;font-size:clamp(.95rem,1.1vw,1.15rem)}.center-badge{z-index:100;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.badge-glass{-webkit-backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #fff3;border-radius:100px;justify-content:center;align-items:center;padding:12px 32px;animation:3s ease-in-out infinite alternate badgePulse;display:flex;box-shadow:0 10px 40px #0003}.badge-text{letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:0 2px 10px #00000080;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500}@keyframes badgePulse{0%{transform:translateY(0);box-shadow:0 10px 40px #0003}to{transform:translateY(-5px);box-shadow:0 15px 50px #0000004d}}@media (width<=768px){.landing-split-wrapper{flex-direction:column}.split-panel{width:100%!important;height:50%!important}.blob{animation-duration:30s}.cyber-grid{animation:none}.center-badge{top:50%;left:50%}.badge-glass{background:#0006;border:1px solid #ffffff26;padding:10px 24px}.badge-text{font-size:.85rem}.art-title,.tech-title{font-size:clamp(2.5rem,8vw,3rem)}}.preloader-overlay{z-index:9999;background-color:#050505;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Fira Code,monospace;display:flex;position:fixed;top:0;left:0}.preloader-content{flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:600px;padding:2rem;display:flex}.hacker-container{width:200px;height:200px}.terminal-box{background-color:#0a0a0a;border:1px solid #222;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 10px 30px #000c}.terminal-header{color:#888;background-color:#1a1a1a;border-bottom:1px solid #333;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;display:flex}.terminal-body{flex-direction:column;gap:.5rem;min-height:200px;padding:1rem;display:flex}.terminal-line{word-break:break-all;align-items:center;gap:.5rem;font-size:.9rem;line-height:1.4;display:flex}.inline-icon{flex-shrink:0}.blinking-cursor{background-color:#0f0;width:10px;height:1.2em;margin-top:.5rem;display:inline-block}.skip-btn{color:#555;cursor:pointer;background:0 0;border:1px solid #333;border-radius:4px;margin-top:1rem;padding:.5rem 1rem;font-family:Fira Code,monospace;font-size:.8rem;transition:all .3s}.skip-btn:hover{color:#888;background:#111;border-color:#555}.shake-hard{border-color:#f33;animation:.2s cubic-bezier(.36,.07,.19,.97) infinite both shake;box-shadow:0 0 20px #ff00001a}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px,1px)}40%,60%{transform:translate(4px,-1px)}}.hacker-gif{object-fit:cover;filter:saturate(1.2)contrast(1.1);width:100%;height:100%;transition:all .3s}.hacker-gif.frustrated{filter:hue-rotate(300deg)saturate(300%)invert(.2);animation:.15s infinite intense-shake}.hacker-gif.success{filter:hue-rotate(90deg)saturate(250%)brightness(1.3)}@keyframes intense-shake{0%{transform:translate(1px,1px)rotate(0)}25%{transform:translate(-1px,-2px)rotate(-1deg)}50%{transform:translate(-2px,1px)rotate(1deg)}75%{transform:translate(2px,-1px)rotate(0)}to{transform:translate(1px,2px)rotate(-1deg)}}