:root{--color-primary: hsl(340, 90%, 58%);--color-primary-dim: hsl(340, 90%, 48%);--color-primary-container: hsl(340, 85%, 90%);--color-primary-fixed: hsl(340, 85%, 90%);--color-on-primary: #ffffff;--color-on-primary-container: hsl(340, 100%, 25%);--color-secondary: hsl(184, 100%, 21%);--color-secondary-dim: hsl(184, 100%, 18%);--color-secondary-container: hsl(184, 100%, 48%);--color-secondary-fixed: hsl(184, 100%, 48%);--color-on-secondary: hsl(184, 100%, 95%);--color-on-secondary-container: hsl(184, 100%, 15%);--color-tertiary: hsl(60, 100%, 19%);--color-tertiary-dim: hsl(60, 100%, 15%);--color-tertiary-container: hsl(60, 100%, 45%);--color-tertiary-fixed: hsl(60, 100%, 50%);--color-on-tertiary: hsl(60, 100%, 95%);--color-background: hsl(340, 50%, 98%);--color-on-background: hsl(340, 40%, 20%);--color-surface-container-lowest: #ffffff;--color-surface-container-low: hsl(340, 60%, 99%);--color-surface-container: hsl(340, 55%, 97%);--color-surface-container-high: hsl(340, 50%, 95%);--color-surface-container-highest: hsl(340, 45%, 92%);--color-on-surface: hsl(268, 17%, 21%);--color-on-surface-variant: hsl(268, 12%, 35%);--color-outline: hsl(268, 9%, 45%);--color-outline-variant: hsl(268, 11%, 70%);--font-headline: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--font-label: "Outfit", sans-serif;--radius-xl: 4px;--radius-lg: 4px;--radius-md: 3px;--radius-button: 4px;--shadow-window: none;--shadow-retro: none;--shadow-button: 0 4px 10px rgba(0, 0, 0, .05);--shadow-button-active: 0 2px 4px rgba(0, 0, 0, .05);--shadow-glow: none;--shadow-inner-glow: none;--shadow-glow-soft: none;--transition-premium: cubic-bezier(.16, 1, .3, 1);--transition-normal: .3s ease;--transition-fast: .15s ease;--radius-full: 9999px;--color-primary-fixed-dim: hsl(340, 80%, 75%);--color-secondary-fixed-dim: hsl(184, 80%, 35%);--color-tertiary-fixed-dim: hsl(60, 80%, 40%);--color-tertiary-container: hsl(60, 60%, 85%);--color-on-tertiary-container: hsl(60, 100%, 10%);--color-surface-variant: hsl(340, 30%, 94%);--color-status-green: #4ade80}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}.noise-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.04;mix-blend-mode:overlay}.crt-scanlines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;pointer-events:none;background:linear-gradient(#12101000 50%,#00000008 50%),linear-gradient(90deg,#ff000001,#00ff0001,#0000ff01);background-size:100% 3px,3px 100%;opacity:.3}body{font-family:var(--font-body);color:var(--color-on-background);background:var(--color-background);background-image:radial-gradient(circle at 2px 2px,hsla(268,11%,70%,.1) 1px,transparent 0);background-size:32px 32px;min-height:100vh;overflow:hidden;position:relative}::selection{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.pixel-grid{background-image:radial-gradient(circle at 2px 2px,rgba(181,168,192,.1) 1px,transparent 0);background-size:24px 24px}.line-grid{background-image:linear-gradient(to right,rgba(181,168,192,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(181,168,192,.1) 1px,transparent 1px);background-size:24px 24px}.dot-grid{background-image:radial-gradient(circle,var(--color-outline-variant) 1px,transparent 1px);background-size:24px 24px;opacity:.1}.font-headline{font-family:var(--font-headline)}.font-body{font-family:var(--font-body)}.font-label{font-family:var(--font-label)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;display:inline-block;vertical-align:middle;-webkit-user-select:none;user-select:none}.icon-filled{font-variation-settings:"FILL" 1}.page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1;will-change:transform,opacity,filter}.page.page-enter{animation:pageEnter .8s var(--transition-premium) forwards;z-index:10}.page.page-exit{animation:pageExit .6s var(--transition-premium) forwards;z-index:5}.page.page-idle{opacity:1;transform:none;filter:none;z-index:10}.page.page-hidden{opacity:0;visibility:hidden;z-index:0;pointer-events:none}@keyframes pageEnter{0%{opacity:0;transform:scale(.88) translateY(50px);filter:blur(8px) brightness(1.3)}60%{opacity:.8;filter:blur(2px) brightness(1.05)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0) brightness(1)}}@keyframes pageExit{0%{opacity:1;transform:scale(1) translateY(0);filter:blur(0) brightness(1)}to{opacity:0;transform:scale(1.08) translateY(-60px);filter:blur(10px) brightness(1.3)}}.page-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:radial-gradient(circle,hsla(340,85%,80%,.4) 0%,hsla(340,60%,95%,.6) 50%,transparent 80%);pointer-events:none;opacity:0;animation:flashBurst .7s ease-out forwards}@keyframes flashBurst{0%{opacity:0;transform:scale(.3)}20%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(2)}}.retro-window{background:#fff;border-radius:var(--radius-xl);overflow:hidden;box-shadow:none;border:1.5px solid var(--color-primary-container);transform:translateZ(0)}.retro-window.with-retro-shadow,.retro-window.with-glow{box-shadow:none}.window-titlebar{background:var(--color-surface-container-lowest);padding:1rem 1.25rem .5rem;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.window-titlebar-text{font-family:var(--font-headline);font-weight:800;font-size:.9rem;letter-spacing:-.01em;color:var(--color-on-background);display:flex;align-items:center;gap:.5rem}.window-titlebar-text .material-symbols-outlined{font-size:1.1rem;color:var(--color-primary)}.window-content{background:#fff;padding:1.5rem}.window-statusbar{background:var(--color-surface-container-highest);padding:.375rem 1rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(181,168,192,.1)}.window-statusbar span{font-family:var(--font-label);font-size:.5625rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-outline-variant);font-weight:700}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.6rem 1.75rem;min-height:3rem;width:fit-content;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dim));color:var(--color-on-primary);border:none;border-radius:var(--radius-button);font-family:var(--font-headline);font-weight:800;font-size:1rem;cursor:pointer;box-shadow:var(--shadow-button);transition:all .3s var(--transition-premium);position:relative;overflow:hidden}.btn-primary:hover{filter:brightness(1.15);transform:translateY(-4px);box-shadow:0 10px #d41152,0 20px 40px -10px #d4115266}.btn-primary:active{transform:translateY(4px);box-shadow:var(--shadow-button-active)}.btn-primary .material-symbols-outlined{transition:transform var(--transition-normal)}.btn-primary:hover .material-symbols-outlined{transform:rotate(12deg)}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-surface-container-high);color:var(--color-on-background);border:none;border-radius:var(--radius-button);font-family:monospace;font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--color-surface-container)}.btn-secondary:active{transform:scale(.95)}.btn-danger-outline{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.6rem 1.75rem;min-height:3rem;width:fit-content;background:#ef44440d;color:#ef4444;border:1.5px solid #ef4444;border-radius:var(--radius-button);font-family:var(--font-headline);font-weight:800;font-size:1rem;cursor:pointer;transition:all .3s var(--transition-premium)}.btn-danger-outline:hover{background:#ef44441a;transform:translateY(-4px);box-shadow:0 10px #bd2c2c,0 20px 40px -10px #ef44444d}.btn-danger-outline:active{transform:translateY(4px);box-shadow:none}.btn-open-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-dim));color:#fff;border:none;border-radius:var(--radius-button);font-family:monospace;font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 15px #00666d33}.btn-open-link:hover{filter:brightness(1.1)}.btn-open-link:active{transform:scale(.95)}.progress-bar-track{height:2.5rem;width:100%;background:var(--color-surface-container-highest);padding:.375rem;display:flex;gap:.25rem;box-shadow:inset -2px -2px #0000001a,inset 2px 2px #fffc}.progress-segment{height:100%;flex:1;background:var(--color-primary-fixed-dim);box-shadow:inset 0 2px 4px #0000001a;transition:opacity var(--transition-normal)}.progress-segment.empty{background:transparent}.progress-segment.dim{opacity:.5}.terminal-card{background:#0f172a;border-radius:var(--radius-lg);border:1.5px solid var(--color-primary-container);padding:1.5rem;box-shadow:inset 0 2px 4px #0000004d;border-bottom:4px solid rgba(0,102,109,.3)}.terminal-dots{display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;margin-bottom:1rem;border-bottom:1px solid #334155}.terminal-dots .dot{width:.5rem;height:.5rem;border-radius:var(--radius-full)}.terminal-dots .dot.red{background:#ef4444}.terminal-dots .dot.yellow{background:#eab308}.terminal-dots .dot.green{background:#22c55e}.terminal-dots .label{margin-left:.5rem;font-family:monospace;font-size:.625rem;text-transform:uppercase;letter-spacing:.15em;color:#64748b}.terminal-row{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.terminal-row .key{font-family:monospace;font-size:.75rem;color:#94a3b8}.terminal-row .value{font-family:monospace;font-size:.875rem;-webkit-user-select:all;user-select:all}.terminal-row .value.url{color:var(--color-secondary-fixed-dim)}.terminal-row .value.email{color:#60a5fa}.terminal-row .value.password{color:var(--color-tertiary-fixed-dim)}.gift-card{background:var(--color-surface-container-highest);border-radius:var(--radius-xl);border:1.5px solid var(--color-primary-container);padding:1.125rem;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all var(--transition-normal)}.gift-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #342b3d1f}.gift-card .icon-circle{width:4rem;height:4rem;border-radius:var(--radius-full);background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:transform var(--transition-normal)}.gift-card:hover .icon-circle{transform:scale(1.1)}.gift-card h3{font-family:var(--font-headline);font-size:1.25rem;font-weight:700;color:var(--color-on-surface);margin-bottom:.5rem}.gift-card code{font-family:monospace;font-size:.75rem;background:#ffffff80;padding:.25rem .5rem;border-radius:var(--radius-md);margin-bottom:1rem;display:inline-block}.gift-card p{font-size:.875rem;color:var(--color-on-surface-variant);line-height:1.6}.floating-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.floating-icon{position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none;animation:floatGentle 6s ease-in-out infinite}.floating-icon:nth-child(odd){animation-duration:8s;animation-direction:alternate-reverse}.sparkle-particle{position:fixed;pointer-events:none;z-index:9999;font-size:16px;animation:sparkleFloat 1s ease-out forwards}.confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50}.address-bar{background:var(--color-surface-container-high);padding:.75rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid rgba(181,168,192,.1)}.address-bar-nav{display:flex;gap:.5rem;color:var(--color-on-surface-variant)}.address-bar-nav .material-symbols-outlined{cursor:pointer;transition:color var(--transition-fast)}.address-bar-nav .material-symbols-outlined:hover{color:var(--color-primary)}.address-bar-url{flex:1;background:var(--color-surface-container-lowest);border-radius:var(--radius-lg);padding:.375rem 1rem;display:flex;align-items:center;gap:.5rem;font-family:monospace;font-size:.75rem;color:var(--color-on-surface-variant);border-bottom:1px solid rgba(181,168,192,.2)}.mail-sidebar{width:12rem;background:var(--color-surface-container-low);padding:1rem;display:flex;flex-direction:column;gap:.25rem;border-right:1px solid rgba(181,168,192,.05)}.mail-sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:var(--radius-xl);font-size:.875rem;cursor:pointer;transition:background var(--transition-fast);color:var(--color-on-surface-variant)}.mail-sidebar-item:hover{background:var(--color-surface-variant)}.mail-sidebar-item.active{background:#0066ff1a;color:var(--color-primary);font-weight:500}.gift-glow{filter:drop-shadow(0 0 20px rgba(90,150,255,.4))}.content-box{background:#fff;padding:1.75rem;border-radius:var(--radius-xl);border:1.5px solid var(--color-primary-container);box-shadow:none}.content-box-highlight{background:var(--color-primary-container);color:var(--color-on-primary-container);padding:1.5rem;border-radius:var(--radius-xl);border:none;border-left:4px solid var(--color-primary);box-shadow:0 4px 12px #00000008}.notification-popup{position:fixed;bottom:5rem;right:1.5rem;background:var(--color-surface-container-highest);border:1px solid var(--color-primary-container);padding:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 60px #342b3d26;z-index:110;display:flex;align-items:flex-start;gap:1rem;animation:bounceIn .6s ease}.top-appbar{position:fixed;top:0;width:100%;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 20px 40px #0066ff14}.top-appbar-logo{font-family:var(--font-headline);font-size:1.25rem;font-weight:700;letter-spacing:-.05em;color:var(--color-primary)}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes floatGentle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(3deg)}}@keyframes sparkleFloat{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-40px) scale(.3) rotate(60deg)}}@keyframes bounceIn{0%{transform:translateY(20px) scale(.9);opacity:0}60%{transform:translateY(-5px) scale(1.02)}to{transform:translateY(0) scale(1);opacity:1}}@keyframes confettiFall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes pulseGlow{0%,to{opacity:.6;filter:brightness(1)}50%{opacity:1;filter:brightness(1.3)}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-in{animation:slideUp .6s ease forwards}.animate-in-delay-1{animation-delay:.1s;opacity:0}.animate-in-delay-2{animation-delay:.2s;opacity:0}.animate-in-delay-3{animation-delay:.3s;opacity:0}.animate-in-delay-4{animation-delay:.5s;opacity:0}.animate-pulse{animation:pulseGlow 2s ease-in-out infinite}@media(max-width:768px){.desktop-only{display:none!important}.mail-sidebar{display:none}}@media(min-width:769px){.mobile-only{display:none!important}}.custom-scroll::-webkit-scrollbar{width:6px}.custom-scroll::-webkit-scrollbar-track{background:var(--color-surface-container)}.custom-scroll::-webkit-scrollbar-thumb{background:var(--color-outline-variant);border-radius:var(--radius-full)}.floating-heart{position:fixed;pointer-events:none;z-index:55;animation:heartRise 3s ease-out forwards;font-size:1.5rem}@keyframes heartRise{0%{opacity:1;transform:translateY(0) scale(1) rotate(0)}50%{opacity:.8;transform:translateY(-120px) scale(1.2) rotate(15deg)}to{opacity:0;transform:translateY(-250px) scale(.5) rotate(-10deg)}}.emoji-rain-particle{position:fixed;top:-40px;pointer-events:none;z-index:55;font-size:1.5rem;animation:emojiRainFall var(--fall-duration, 3s) linear forwards}@keyframes emojiRainFall{0%{transform:translateY(0) rotate(0);opacity:1}80%{opacity:.8}to{transform:translateY(calc(100vh + 60px)) rotate(360deg);opacity:0}}.screen-shake{animation:shakeIt .5s ease-in-out}@keyframes shakeIt{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-3px,-2px) rotate(-.5deg)}20%{transform:translate(3px,1px) rotate(.5deg)}30%{transform:translate(-2px,3px) rotate(-.3deg)}40%{transform:translate(2px,-1px) rotate(.3deg)}50%{transform:translate(-1px,2px) rotate(-.2deg)}60%{transform:translate(1px,-2px) rotate(.2deg)}}.surprise-box{width:140px;height:140px;position:relative;cursor:pointer;animation:boxFloat 3s ease-in-out infinite}.surprise-box-base{width:100%;height:75%;position:absolute;bottom:0;background:linear-gradient(135deg,var(--color-primary-container),hsl(340,100%,75%));border-radius:12px;box-shadow:0 10px 30px #a3003633}.surprise-box-lid{width:110%;height:28%;position:absolute;top:18%;left:-5%;background:linear-gradient(135deg,var(--color-primary-container),hsl(340,100%,80%));border-radius:10px;z-index:1;transition:all .8s cubic-bezier(.68,-.55,.27,1.55);box-shadow:0 4px 15px #a3003626}.surprise-box-ribbon{position:absolute;top:0;left:50%;transform:translate(-50%);width:22px;height:100%;background:linear-gradient(180deg,#ffd91a,#f5a300);border-radius:2px}.surprise-box.opened .surprise-box-lid{transform:translateY(-50px) rotate(-20deg);opacity:.6}@keyframes boxFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.shimmer-text{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-container),var(--color-primary));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-breathe{animation:breathe 3s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.06);opacity:1}}.animate-rotate-in{animation:rotateIn .8s cubic-bezier(.68,-.55,.27,1.55) forwards}@keyframes rotateIn{0%{opacity:0;transform:scale(.3) rotate(-180deg)}60%{transform:scale(1.1) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.85);filter:blur(6px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--color-background);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;transition:opacity .6s ease,visibility .6s ease}.loading-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-dots{display:flex;gap:.5rem}.loading-dots span{width:12px;height:12px;border-radius:50%;background:var(--color-primary-container);animation:loadingBounce 1.4s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes loadingBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.2);opacity:1}}@keyframes glitchFlicker{0%,92%,to{text-shadow:2px 0 var(--color-secondary-container),-2px 0 var(--color-primary-container)}94%{text-shadow:-3px 0 #00eefc,3px 0 #f472b6}96%{text-shadow:4px 0 #f472b6,-4px 0 #00eefc}98%{text-shadow:-2px 0 hsl(60,100%,50%),2px 0 hsl(340,100%,50%)}}.glitch-text{text-shadow:2px 0 var(--color-secondary-container),-2px 0 var(--color-primary-container);animation:glitchFlicker 4s infinite}.particles-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.2) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.btn-primary:hover:before{transform:translate(100%)}