@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root[data-theme=dark]{--color-bg: #0a0e14;--color-text: #e8f0f2;--color-celadon: #99e2b4;--color-celadon-2: #88d4ab;--color-mint: #78c6a3;--color-mint-2: #67b99a;--color-zomp: #56ab91;--color-zomp-2: #469d89;--color-viridian: #358f80;--color-pine-green: #248277;--color-skobeloff: #14746f;--color-caribbean-current: #036666;--color-purple-light: #b794f6;--color-purple: #9f7aea;--color-purple-dark: #805ad5;--color-violet: #6b46c1;--color-violet-dark: #553c9a;--color-primary: var(--color-celadon);--color-secondary: var(--color-purple);--color-accent-1: var(--color-mint);--color-accent-2: var(--color-mint-2);--color-accent-purple: var(--color-purple);--color-accent-purple-dark: var(--color-purple-dark);--color-shade-1: #111822;--color-shade-2: #1a2332;--color-shade-3: #243447;--color-shade-4: #2d3748;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(159, 122, 234, .15);--glass-shadow: rgba(0, 0, 0, .4);--glass-hover: rgba(255, 255, 255, .08);--color-keppel: #52b69a;--color-cerulean: #34a0a4;--color-glass-teal: rgba(82, 182, 154, .1);--color-glass-purple: rgba(159, 122, 234, .1)}:root[data-theme=light]{--color-bg: #f5f7fa;--color-text: #2d3748;--color-celadon: #7dd3a3;--color-celadon-2: #6ec799;--color-mint: #5fb88f;--color-mint-2: #50a985;--color-zomp: #429a7b;--color-zomp-2: #3a8b71;--color-viridian: #2d7c67;--color-pine-green: #236d5d;--color-skobeloff: #1a5e53;--color-caribbean-current: #114f49;--color-purple-light: #d6bcfa;--color-purple: #9f7aea;--color-purple-dark: #805ad5;--color-violet: #6b46c1;--color-violet-dark: #553c9a;--color-primary: var(--color-viridian);--color-secondary: var(--color-purple-dark);--color-accent-1: var(--color-zomp);--color-accent-2: var(--color-zomp-2);--color-accent-purple: var(--color-purple);--color-accent-purple-dark: var(--color-purple-dark);--color-shade-1: #edf2f7;--color-shade-2: #e2e8f0;--color-shade-3: #cbd5e0;--color-shade-4: #a0aec0;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(128, 90, 213, .2);--glass-shadow: rgba(0, 0, 0, .05);--glass-hover: rgba(237, 242, 247, .9);--color-keppel: #42a085;--color-cerulean: #2d8a8e;--color-glass-teal: rgba(66, 154, 123, .08);--color-glass-purple: rgba(128, 90, 213, .08)}:root{--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Poppins", sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--spacing-xs: .375rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}:root[data-theme=dark]{--overlay-bg: rgba(10, 14, 20, .75)}:root[data-theme=light]{--overlay-bg: rgba(245, 247, 250, .85)}:root[data-theme=dark]{--tech-category-bg: rgba(45, 55, 72, .3);--tech-category-border: rgba(120, 198, 163, .15);--status-list-bg: rgba(159, 122, 234, .08);--status-list-border: rgba(159, 122, 234, .2);--project-card-bg: var(--glass-bg);--project-card-border: var(--glass-border);--project-tag-bg: var(--color-glass-purple);--project-tag-color: var(--color-purple-light)}:root[data-theme=light]{--tech-category-bg: rgba(237, 242, 247, .6);--tech-category-border: rgba(66, 154, 123, .2);--status-list-bg: rgba(128, 90, 213, .08);--status-list-border: rgba(128, 90, 213, .25);--project-card-bg: var(--glass-bg);--project-card-border: var(--glass-border);--project-tag-bg: var(--color-glass-purple);--project-tag-color: var(--color-purple-dark)}:root[data-theme=dark]{--shine-gradient-start: rgba(159, 122, 234, .03);--shine-gradient-mid: rgba(159, 122, 234, .08);--shine-gradient-peak: rgba(159, 122, 234, .12);--button-shine: rgba(120, 198, 163, .2);--gradient-start: var(--color-celadon);--gradient-end: var(--color-caribbean-current)}:root[data-theme=light]{--shine-gradient-start: rgba(128, 90, 213, .02);--shine-gradient-mid: rgba(128, 90, 213, .05);--shine-gradient-peak: rgba(128, 90, 213, .08);--button-shine: rgba(66, 154, 123, .15);--gradient-start: var(--color-zomp);--gradient-end: var(--color-caribbean-current)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-primary);background:var(--color-bg);color:var(--color-text);min-height:100vh;overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body:before{content:"";position:fixed;top:-20%;right:-10%;width:700px;height:700px;background:radial-gradient(circle,var(--color-celadon) 0%,var(--color-purple-light) 40%,transparent 70%);border-radius:50%;filter:blur(80px);opacity:.1;animation:float-random-1 30s ease-in-out infinite;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:30%;left:-10%;width:900px;height:900px;background:radial-gradient(circle,var(--color-purple) 0%,var(--color-purple-dark) 40%,transparent 70%);border-radius:50%;filter:blur(100px);opacity:.12;animation:float-random-2 35s ease-in-out infinite;pointer-events:none;z-index:0}[data-theme=light] body:before{opacity:.15}[data-theme=light] body:after{opacity:.18}@keyframes float-random-1{0%{transform:translate(0) scale(1)}15%{transform:translate(80px,-60px) scale(1.15)}30%{transform:translate(-40px,50px) scale(.95)}45%{transform:translate(60px,30px) scale(1.1)}60%{transform:translate(-70px,-40px) scale(.9)}75%{transform:translate(50px,-80px) scale(1.05)}90%{transform:translate(-30px,60px) scale(1.12)}to{transform:translate(0) scale(1)}}@keyframes float-random-2{0%{transform:translate(0) scale(1)}12%{transform:translate(-90px,70px) scale(1.08)}28%{transform:translate(60px,-50px) scale(.92)}42%{transform:translate(-50px,-60px) scale(1.15)}58%{transform:translate(80px,40px) scale(.88)}72%{transform:translate(-70px,80px) scale(1.1)}88%{transform:translate(40px,-70px) scale(.95)}to{transform:translate(0) scale(1)}}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--color-text)}h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:var(--spacing-md)}h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--spacing-md)}h3{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-sm);font-size:1.05rem;line-height:1.7}a{color:var(--color-accent-1);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-accent-2)}.glass{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:0 8px 32px 0 var(--glass-shadow)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 8px 32px 0 var(--glass-shadow);transition:transform var(--transition-base),box-shadow var(--transition-base)}.glass-card:hover{transform:translateY(-4px);box-shadow:0 12px 48px 0 var(--glass-shadow)}button{font-family:var(--font-primary);font-weight:500;cursor:pointer;border:none;outline:none;transition:all var(--transition-base)}.btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);border:1px solid transparent}.btn-primary{background:var(--glass-bg);border:2px solid var(--color-mint);color:var(--color-text);font-weight:600;position:relative;overflow:hidden}.btn-outline{background:var(--glass-bg);border:2px solid var(--color-mint);color:var(--color-text);font-weight:600;position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--spacing-xs)}.btn-outline:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(120,198,163,.2),transparent);opacity:0}.btn-outline:hover:before{animation:button-shine .5s ease-out forwards}.btn-outline:hover{transform:translateY(-2px);box-shadow:0 5px 15px #78c6a333}.btn-secondary{background:transparent;color:var(--color-text);border:2px solid var(--color-mint)}.btn-secondary:hover{background:var(--color-mint);color:#fff;border-color:var(--color-mint)}.btn-glass{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:var(--color-text);font-weight:600}[data-theme=light] .btn-glass{background:#fff6;border:1px solid rgba(255,255,255,.5)}.btn-glass:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 5px 15px #78c6a333}[data-theme=light] .btn-glass:hover{background:#fff9}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-shade-1)}::-webkit-scrollbar-thumb{background:var(--color-shade-2);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-1)}::selection{background:var(--color-keppel);color:#fff}::-moz-selection{background:var(--color-keppel);color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.section{padding:var(--spacing-2xl) 0}.text-gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-accent-1),var(--color-accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}@media (max-width: 768px){:root{--spacing-xl: 2rem;--spacing-2xl: 3rem}.container{padding:0 var(--spacing-md)}body:before,body:after{animation:none!important;opacity:.05}[data-theme=light] body:before,[data-theme=light] body:after{opacity:.08}}.navigation{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 20px var(--glass-shadow);transition:all var(--transition-base);padding:var(--spacing-md) 0}.navigation.scrolled{padding:var(--spacing-sm) 0}.nav-container{max-width:1400px;padding:0 var(--spacing-lg);display:flex;justify-content:flex-end;align-items:center}.nav-logo{text-decoration:none;z-index:10;margin-right:auto}.logo-container{display:flex;align-items:center;gap:var(--spacing-sm)}.nav-logo-img{width:40px;height:40px;object-fit:contain}.logo-text{font-size:1.3rem;font-weight:700;font-family:var(--font-heading);background:linear-gradient(135deg,var(--color-celadon),var(--color-caribbean-current));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;opacity:0;max-width:0;overflow:hidden;transition:all .3s ease;white-space:nowrap}.navigation.scrolled .logo-text{opacity:1;max-width:200px;margin-left:var(--spacing-xs)}.nav-links{display:flex;gap:var(--spacing-xs)}.nav-links.desktop{display:none}.nav-link{position:relative;display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text);text-decoration:none;font-weight:500;font-size:.95rem;border-radius:var(--radius-md);transition:all var(--transition-base);overflow:hidden}.nav-link:hover{color:var(--color-accent-purple);transform:translateY(-2px)}.nav-link.active{color:var(--color-accent-1)}.mobile-menu-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:all var(--transition-base)}.mobile-menu-button:hover{background:var(--glass-hover);border-color:var(--color-accent-purple)}.mobile-menu{overflow:hidden;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);margin-top:var(--spacing-md)}.mobile-nav-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);color:var(--color-text);text-decoration:none;font-weight:500;transition:all var(--transition-base);border-left:3px solid transparent}.mobile-nav-link:hover{background:var(--glass-hover);border-left-color:var(--color-accent-purple)}.mobile-nav-link.active{color:var(--color-accent-1);background:var(--color-glass-teal);border-left-color:var(--color-accent-1)}@media (min-width: 769px){.nav-links.desktop{display:flex}.mobile-menu-button{display:none}}@media (max-width: 768px){.nav-container{padding:0 var(--spacing-md)}.logo-text{font-size:1.1rem}.nav-logo-img{width:35px;height:35px}}@media (max-width: 480px){.logo-text{font-size:1rem}.nav-logo-img{width:32px;height:32px}.mobile-menu-button{width:36px;height:36px}}.footer{margin-top:auto;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);padding:var(--spacing-2xl) 0 var(--spacing-lg)}.footer-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-xs)}.footer-name-gradient{background:linear-gradient(135deg,var(--color-celadon),var(--color-caribbean-current));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.footer-description{color:var(--color-text);opacity:.7;line-height:1.6;font-size:.95rem}.footer-note{margin-top:var(--spacing-xs)}.footer-note-link{color:var(--color-text);opacity:.5;text-decoration:none;font-size:.9rem;transition:opacity var(--transition-base)}.footer-note-link:hover{opacity:.7;color:var(--color-accent-purple)}.footer-heading{font-size:1.1rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-xs)}.footer-links{display:flex;flex-direction:column;gap:var(--spacing-xs)}.footer-links a{color:var(--color-text);opacity:.7;text-decoration:none;transition:color var(--transition-base);font-size:.95rem;width:fit-content}.footer-links a:hover{color:var(--color-accent-purple)}.social-links{display:flex;gap:var(--spacing-sm)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;transition:all var(--transition-base)}.social-link:hover{background:#ffffff1a;border-color:var(--color-accent-blue);color:var(--color-accent-blue)}.footer-bottom{padding-top:var(--spacing-lg);border-top:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.footer-verse{color:var(--color-text);font-size:.95rem;font-style:italic;opacity:.8;flex:1}.footer-copyright{color:var(--color-text);font-size:.9rem;opacity:.6;white-space:nowrap}.heart-icon{color:var(--color-accent-orange);animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){.footer{padding:var(--spacing-xl) 0 var(--spacing-md)}.footer-container{padding:0 var(--spacing-md)}.footer-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.footer-bottom{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.footer-verse,.footer-copyright{font-size:.85rem}}.layout{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.main-content{flex:1;padding-top:80px;min-height:calc(100vh - 80px);position:relative;z-index:1}@media (max-width: 768px){.main-content{padding-top:70px}}.home-page{width:100%;overflow-x:hidden;position:relative}.hero-section{min-height:65vh;display:flex;align-items:center;justify-content:center;position:relative;padding:var(--spacing-lg) 0;overflow:visible;z-index:1}.hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.5fr;gap:var(--spacing-xl);align-items:center;min-height:auto}.hero-content{text-align:left}.hero-logo{display:flex;align-items:center;justify-content:center;animation:float-logo 6s ease-in-out infinite}.logo-svg{width:100%;max-width:400px;height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3))}@keyframes float-logo{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-title{margin-bottom:var(--spacing-md)}.hero-name{font-size:clamp(3rem,6vw,5rem);font-weight:700;background:linear-gradient(135deg,var(--color-mint),var(--color-zomp));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;display:block}.hero-name-first{font-size:clamp(2.7rem,5.4vw,4.5rem);display:inline}.hero-name-last{font-size:clamp(1.8rem,3.6vw,3rem);display:block;margin-top:-.3rem}.hero-subtitle{font-size:clamp(1rem,1.5vw,1.2rem);color:var(--color-text);margin-bottom:var(--spacing-lg);font-weight:400;opacity:.8}.username-highlight{color:var(--color-accent-1);font-weight:600}.hero-name-modern{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;background:linear-gradient(135deg,var(--color-mint),var(--color-zomp));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin-bottom:var(--spacing-sm)}.hero-role-modern{font-size:clamp(1.1rem,1.8vw,1.4rem);color:var(--color-text);opacity:.85;margin-bottom:var(--spacing-lg);font-weight:500;letter-spacing:.5px}.hero-role{font-size:clamp(1.05rem,1.4vw,1.2rem);color:var(--color-text);opacity:.85;margin-bottom:var(--spacing-xl);font-weight:500;font-family:JetBrains Mono,Courier New,monospace}.hero-buttons{display:flex;gap:var(--spacing-md);justify-content:flex-start;flex-wrap:wrap;align-items:center}.hero-buttons .btn{display:flex;align-items:center;gap:var(--spacing-xs)}.hero-link{color:var(--color-accent-1);text-decoration:none;font-weight:600;font-size:1rem;transition:color var(--transition-base);padding:var(--spacing-sm) var(--spacing-lg)}.hero-link:hover{color:var(--color-primary)}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);position:relative;z-index:1}.about-card-large{grid-column:span 2;background:#ffffff0d!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 8px 32px #0003!important}[data-theme=light] .about-card-large{background:#fff6!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 8px 32px #0000001a!important}.status-card{grid-column:span 1;background:#ffffff0d!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 8px 32px #0003!important}[data-theme=light] .status-card{background:#fff6!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 8px 32px #0000001a!important}.about-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.about-list li{padding-left:var(--spacing-md);position:relative;font-size:.95rem;line-height:1.8;color:var(--color-text);opacity:.85;font-family:JetBrains Mono,Courier New,monospace}.about-list li:before{content:"▸";position:absolute;left:0;color:var(--color-accent-1);font-weight:700}.status-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.status-list li{padding:var(--spacing-sm);background:var(--glass-bg);border-radius:var(--radius-sm);border:1px solid var(--glass-border);font-size:.95rem;line-height:1.6}[data-theme=light] .status-list li{background:#78c6a314;border-color:#78c6a333}.grid-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.glass-card{position:relative;overflow:hidden}.card-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.icon-gradient{color:var(--color-accent-1)}.location-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);margin-top:var(--spacing-md);font-size:.9rem}.skill-group{margin-bottom:var(--spacing-sm);line-height:1.8}.skill-tag{display:inline-block;padding:4px 12px;background:var(--color-glass-blue);border:1px solid var(--color-accent-blue);border-radius:var(--radius-sm);margin:4px;font-size:.85rem;font-weight:500;color:var(--color-accent-blue)}.featured-section{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border)}.section-header{text-align:center;margin-bottom:var(--spacing-xl)}.section-header h2{margin-bottom:var(--spacing-sm)}.section-header p{color:#e5e9ecb3;font-size:1.1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.project-card{display:flex;flex-direction:column;overflow:hidden;position:relative;height:100%;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px 0 var(--glass-shadow);transition:transform var(--transition-base),box-shadow var(--transition-base)}.project-card h3{color:var(--color-accent-1);font-size:1.5rem}.project-subtitle{color:var(--color-text);opacity:.7;font-size:.95rem}.project-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin:var(--spacing-sm) 0}.tag{padding:4px 12px;background:var(--color-glass-purple);border:1px solid var(--color-secondary);border-radius:var(--radius-sm);font-size:.8rem;color:var(--color-secondary);font-weight:500}.project-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-accent-1);font-weight:600;margin-top:auto;transition:all var(--transition-base)}.project-link:hover{gap:var(--spacing-sm);color:var(--color-accent-2)}.view-all-container{text-align:center}.view-all-container .btn{display:inline-flex;width:auto}.tech-stack-section{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:var(--spacing-2xl) 0}.section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.section-title-with-icon{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.section-icon{color:var(--color-accent-1);stroke-width:2}.section-header h2{font-size:clamp(2rem,4vw,2.5rem);margin-bottom:0;color:var(--color-accent-1)}.section-header p{color:var(--color-text);opacity:.8;font-size:1.1rem}.tech-stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}.tech-category{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-lg);position:relative;overflow:hidden}[data-theme=light] .tech-category{background:#78c6a314;border-color:#78c6a333}.tech-category:after{content:"";position:absolute;top:-100%;left:-100%;width:120px;height:300%;background:linear-gradient(90deg,transparent 0%,var(--shine-gradient-start) 20%,var(--shine-gradient-mid) 40%,var(--shine-gradient-peak) 50%,var(--shine-gradient-mid) 60%,var(--shine-gradient-start) 80%,transparent 100%);transform:rotate(45deg);pointer-events:none;opacity:0;box-shadow:0 0 15px var(--shine-gradient-mid)}[data-theme=light] .tech-category:after{background:linear-gradient(90deg,transparent 0%,var(--shine-gradient-start) 20%,var(--shine-gradient-mid) 40%,var(--shine-gradient-peak) 50%,var(--shine-gradient-mid) 60%,var(--shine-gradient-start) 80%,transparent 100%);box-shadow:0 0 15px var(--shine-gradient-mid)}.tech-category:hover:after{animation:shine-tech 1s ease-out forwards}@keyframes shine-tech{0%{left:-100%;opacity:1}to{left:200%;opacity:1}}.tech-category h3{font-size:1.1rem;margin-bottom:var(--spacing-md);color:var(--color-text);font-weight:600}.tech-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tech-badges img{height:24px;transition:all var(--transition-base);border-radius:4px}.tech-badges img:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}@media (max-width: 968px){.hero-layout{grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center}.hero-content{text-align:center}.hero-buttons{justify-content:center}.logo-svg{max-width:300px}}@media (max-width: 768px){.hero-section{min-height:40vh;padding:var(--spacing-sm) 0}.hero-layout{min-height:auto;gap:var(--spacing-sm)}.hero-content{padding:0}.hero-name-modern{font-size:clamp(1.8rem,5vw,2.5rem);margin-bottom:var(--spacing-xs)}.hero-role-modern{font-size:clamp(.9rem,1.5vw,1.1rem);margin-bottom:var(--spacing-sm)}.hero-buttons{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.hero-buttons .btn{justify-content:center;padding:var(--spacing-xs) var(--spacing-md)}.section{padding:var(--spacing-md) 0}.about-grid{grid-template-columns:1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.about-card-large,.status-card{grid-column:span 1}.glass-card{padding:var(--spacing-md)}.grid-layout{grid-template-columns:1fr}.projects-grid{grid-template-columns:1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.tech-stack-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.section-header{margin-bottom:var(--spacing-md)}.logo-svg{max-width:200px}}.projects-page-new{width:100%}.projects-grid-new{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}.project-card-new{display:flex;flex-direction:column;padding:0;overflow:hidden;position:relative;height:100%;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px 0 var(--glass-shadow);transition:transform var(--transition-base),box-shadow var(--transition-base)}.project-card-new:hover{transform:translateY(-4px);box-shadow:0 12px 48px 0 var(--glass-shadow)}.project-card-new:after{content:"";position:absolute;top:-100%;left:-100%;width:120px;height:300%;background:linear-gradient(90deg,transparent 0%,var(--shine-gradient-start) 20%,var(--shine-gradient-mid) 40%,var(--shine-gradient-peak) 50%,var(--shine-gradient-mid) 60%,var(--shine-gradient-start) 80%,transparent 100%);transform:rotate(45deg);pointer-events:none;opacity:0;box-shadow:0 0 15px var(--shine-gradient-mid)}[data-theme=light] .project-card-new:after{background:linear-gradient(90deg,transparent 0%,var(--shine-gradient-start) 20%,var(--shine-gradient-mid) 40%,var(--shine-gradient-peak) 50%,var(--shine-gradient-mid) 60%,var(--shine-gradient-start) 80%,transparent 100%);box-shadow:0 0 15px var(--shine-gradient-mid)}.project-card-new:hover:after{animation:shine 1s ease-out forwards}@keyframes shine{0%{left:-100%;opacity:1}to{left:200%;opacity:1}}.project-card-header{display:flex;justify-content:flex-end;align-items:center;padding:var(--spacing-lg);padding-bottom:var(--spacing-md);min-height:40px}.page-hero{padding:var(--spacing-xl) 0;text-align:center;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-card-body{padding:0 var(--spacing-lg);flex:1}.project-card-title{font-size:1.5rem;color:var(--color-accent-1);margin-bottom:var(--spacing-xs);line-height:1.3}.project-card-subtitle{font-size:1rem;color:var(--color-text);font-weight:700;margin-bottom:var(--spacing-sm)}.project-card-description{font-size:.95rem;color:var(--color-text);opacity:.8;line-height:1.6;margin-bottom:var(--spacing-md);max-height:120px;overflow-y:auto;padding-right:var(--spacing-xs);scrollbar-width:none;-ms-overflow-style:none}.project-card-description::-webkit-scrollbar{display:none}.project-card-tags{display:flex;flex-wrap:nowrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);overflow-x:auto;overflow-y:hidden;padding-bottom:var(--spacing-xs);scrollbar-width:thin;scrollbar-color:var(--color-accent-1) transparent}.project-card-tags::-webkit-scrollbar{height:4px}.project-card-tags::-webkit-scrollbar-track{background:transparent}.project-card-tags::-webkit-scrollbar-thumb{background:var(--color-accent-purple);border-radius:2px}.project-card-tags::-webkit-scrollbar-thumb:hover{background:var(--color-accent-purple-dark)}.project-tag{display:inline-block;padding:4px 10px;background:var(--project-tag-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-size:.8rem;color:var(--project-tag-color);font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;flex-shrink:0}.project-card-footer{display:flex;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--glass-border);margin-top:auto;flex-wrap:wrap}.project-btn-unified{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);background:var(--glass-bg);border:2px solid var(--color-accent-1);border-radius:var(--radius-md);color:var(--color-text);font-weight:600;font-size:.95rem;text-decoration:none;transition:all var(--transition-base);position:relative;overflow:hidden}.project-btn-unified:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--button-shine),transparent);opacity:0}.project-btn-unified:hover:before{animation:project-btn-shine .5s ease-out forwards}@keyframes project-btn-shine{0%{left:-100%;opacity:1}to{left:100%;opacity:1}}.no-results{text-align:center;padding:var(--spacing-2xl)}.no-results p{font-size:1.2rem;color:var(--color-text);margin-bottom:var(--spacing-lg)}@media (max-width: 768px){.projects-grid-new{grid-template-columns:1fr;gap:var(--spacing-lg)}.filter-tags{max-height:200px;overflow-y:auto}.project-card-footer{flex-direction:column}.project-card-description{-webkit-line-clamp:2;line-clamp:2}.filter-scroll-btn{display:none}.filter-wrapper{gap:0}.page-hero{padding:var(--spacing-md) 0}}.art-page{width:100%}.filter-section{margin-bottom:var(--spacing-xl);text-align:center;position:relative}.filter-wrapper{position:relative;display:flex;align-items:center;gap:var(--spacing-sm)}.filter-scroll-btn{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--glass-bg);border:2px solid var(--glass-border);color:var(--color-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);z-index:10}.filter-scroll-btn:hover{background:var(--glass-hover);border-color:var(--color-accent-purple);color:var(--color-accent-purple);transform:scale(1.1)}.filter-scroll-btn:disabled{opacity:.3;cursor:not-allowed}.filter-scroll-btn:disabled:hover{transform:scale(1);border-color:var(--glass-border);color:var(--color-text)}.filter-toggle{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-text);font-weight:600;cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--spacing-md)}.filter-toggle:hover{background:var(--glass-hover);border-color:var(--color-accent-1)}.filter-count{margin-left:auto;padding:4px 12px;background:var(--color-accent-purple);color:var(--color-bg);border-radius:var(--radius-sm);font-size:.85rem}.filter-tags{display:flex;flex-wrap:nowrap;gap:var(--spacing-sm);justify-content:flex-start;padding:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;flex:1;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.filter-tags:active{cursor:grabbing}.filter-tags::-webkit-scrollbar{display:none}.tag-filter{padding:var(--spacing-xs) var(--spacing-md);background:transparent;border:2px solid var(--glass-border);border-radius:50px;color:var(--color-text);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;display:flex;align-items:center;gap:var(--spacing-xs)}.tag-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:var(--color-shade-2);border-radius:50px;font-size:.8rem;font-weight:600}.tag-filter.active{background:transparent;border-color:var(--color-accent-purple);color:var(--color-accent-purple)}.tag-filter.active .tag-filter-count{background:var(--color-accent-purple);color:var(--color-bg)}.art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-xl)}.art-item{position:relative;border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.art-link{display:block;text-decoration:none;color:inherit}.art-image-container{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-shade-2)}.art-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.art-item:hover .art-image{transform:scale(1.1)}.art-overlay{position:absolute;inset:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);opacity:0;transition:opacity var(--transition-base);color:var(--color-text);padding:var(--spacing-lg);text-align:center}[data-theme=light] .art-overlay{background:#edf2f7bf;color:var(--color-text)}.art-item:hover .art-overlay{opacity:1}[data-theme=light] .art-overlay-title{color:var(--color-primary)}[data-theme=light] .art-overlay svg{color:var(--color-accent-purple-dark)}[data-theme=light] .art-overlay-text{color:var(--color-accent-purple-dark)}.art-mobile-title{display:none;position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-md);background:linear-gradient(to top,rgba(10,14,20,.95),transparent);color:var(--color-text);font-weight:600;font-size:1.1rem;text-align:center}.empty-state{text-align:center;padding:var(--spacing-2xl)}.empty-state p{font-size:1.2rem;color:var(--color-text);margin-bottom:var(--spacing-lg)}@media (max-width: 768px){.filter-scroll-btn{display:none}.filter-wrapper{gap:0}.page-hero{padding:var(--spacing-md) 0}.art-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.art-mobile-title{display:block}.art-overlay{opacity:0}.art-item:active .art-overlay{opacity:1}.art-overlay-title{font-size:1.2rem}}@media (max-width: 480px){.art-grid{grid-template-columns:1fr}}.contact-page{width:100%;overflow-x:hidden}.page-hero{text-align:center;padding:var(--spacing-xl) 0;overflow:hidden}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.contact-card{text-align:center;padding:var(--spacing-xl);cursor:pointer;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px 0 var(--glass-shadow);transition:transform var(--transition-base),box-shadow var(--transition-base)}.contact-card:hover{transform:translateY(-4px);box-shadow:0 12px 48px 0 var(--glass-shadow)}.contact-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.contact-card:hover .contact-icon{transform:scale(1.1) rotate(5deg);border-color:currentColor}.contact-title{font-size:1.5rem;margin:0}.contact-value{font-size:1.1rem;color:var(--color-text);opacity:.7;margin:0}.contact-message{text-align:center;padding:var(--spacing-2xl);max-width:700px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px 0 var(--glass-shadow)}.message-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:50%;margin-bottom:var(--spacing-md);transition:transform var(--transition-base),border-color var(--transition-base)}.contact-message:hover .message-icon{transform:scale(1.1);border-color:var(--color-accent-purple)}.contact-message h2{font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:var(--spacing-sm)}.contact-message p{font-size:1.1rem;color:var(--color-text);opacity:.8;line-height:1.8;margin-bottom:var(--spacing-lg)}.contact-message .btn{display:flex;align-items:center;gap:var(--spacing-xs);font-size:1.1rem;padding:var(--spacing-md) var(--spacing-xl)}@media (max-width: 768px){.page-hero{padding:var(--spacing-md) 0}.contact-grid{grid-template-columns:1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.contact-card{padding:var(--spacing-md)}.contact-message{padding:var(--spacing-lg)}.message-icon{width:70px;height:70px;margin-bottom:var(--spacing-sm)}.message-icon svg{width:32px;height:32px}.contact-message h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:var(--spacing-xs)}.contact-message p{font-size:1rem;margin-bottom:var(--spacing-md)}}.notfound-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg);position:relative;overflow:hidden;padding:var(--spacing-lg)}.notfound-page:before{content:"";position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,var(--color-purple-light) 0%,transparent 70%);border-radius:50%;filter:blur(100px);opacity:.2;animation:float 20s ease-in-out infinite}.notfound-page:after{content:"";position:absolute;bottom:-50%;left:-20%;width:1000px;height:1000px;background:radial-gradient(circle,var(--color-purple-dark) 0%,transparent 70%);border-radius:50%;filter:blur(120px);opacity:.25;animation:float 25s ease-in-out infinite reverse}.notfound-container{position:relative;z-index:1;max-width:700px;width:100%}.notfound-content{text-align:center;position:relative}.notfound-number{font-size:clamp(6rem,15vw,10rem);font-weight:900;background:linear-gradient(135deg,var(--color-mint),var(--color-celadon),var(--color-keppel));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:var(--spacing-lg);text-shadow:0 0 80px rgba(120,198,163,.3)}.notfound-title{font-size:clamp(2rem,5vw,3.5rem);color:var(--color-text);margin-bottom:var(--spacing-md);font-weight:700}.notfound-description{font-size:clamp(1rem,2vw,1.2rem);color:var(--color-text);opacity:.8;margin-bottom:var(--spacing-2xl);line-height:1.6;max-width:500px;margin-left:auto;margin-right:auto}.notfound-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.notfound-actions .btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-xl);font-size:1rem;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-base);text-decoration:none;cursor:pointer}.btn-primary{background:var(--glass-bg);border:2px solid var(--color-mint);color:var(--color-text);font-weight:600;position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--spacing-xs)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(120,198,163,.2),transparent);opacity:0}.btn-primary:hover:before{animation:button-shine .5s ease-out forwards}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #78c6a333}.notfound-actions .hero-link{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-xl);color:var(--color-accent-1);text-decoration:none;font-weight:600;font-size:1rem;transition:color var(--transition-base);background:transparent;border:none;cursor:pointer}.notfound-actions .hero-link:hover{color:var(--color-primary)}.notfound-decoration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none}.decoration-circle{position:absolute;border-radius:50%;border:2px solid var(--color-mint);opacity:.1}.decoration-circle:nth-child(1){width:300px;height:300px;top:-150px;left:-150px}.decoration-circle:nth-child(2){width:500px;height:500px;top:-250px;left:-250px}.decoration-circle:nth-child(3){width:700px;height:700px;top:-350px;left:-350px}@media (max-width: 768px){.notfound-page{padding:var(--spacing-md)}.notfound-number{font-size:clamp(4rem,12vw,8rem)}.notfound-actions{flex-direction:column;width:100%}.notfound-actions .btn{width:100%;justify-content:center}.decoration-circle:nth-child(1){width:200px;height:200px;top:-100px;left:-100px}.decoration-circle:nth-child(2){width:350px;height:350px;top:-175px;left:-175px}.decoration-circle:nth-child(3){width:500px;height:500px;top:-250px;left:-250px}}.tictactoe-page{min-height:100vh;padding:var(--spacing-lg) 0;background:var(--color-bg);display:flex;align-items:center;justify-content:center}.ttt-compact{max-width:500px}.game-container{padding:var(--spacing-md)}.game-header{text-align:center;margin-bottom:var(--spacing-md)}.game-header h1{font-size:clamp(1.8rem,3vw,2.5rem);background:linear-gradient(135deg,var(--color-celadon),var(--color-caribbean-current));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#info{font-size:1.15rem;font-weight:700;text-align:center;margin:var(--spacing-md) 0;min-height:35px;display:flex;align-items:center;justify-content:center}#hardness{text-align:center;margin:var(--spacing-md) 0;font-size:.95rem}#hardness button{background-color:var(--glass-bg);color:var(--color-text);border:0;border-bottom:2px solid var(--glass-border);padding:var(--spacing-xs) var(--spacing-sm);margin:0 var(--spacing-xs);cursor:pointer;transition:color .3s,border .3s;font-size:.9rem;font-weight:600}#hardness button:hover{color:var(--color-accent-1)}.page{padding:var(--spacing-md) 0 0 0;position:relative;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center}#grid{position:absolute;top:0;left:0;z-index:20;pointer-events:none}#grid line{stroke:var(--color-text);stroke-linecap:round;stroke-width:5px;transition:stroke 1s}#table{display:grid;grid-template-columns:110px 110px 110px;grid-template-rows:110px 110px 110px;gap:0;z-index:30;background-color:transparent;position:relative;width:330px;height:330px}#table button{stroke:var(--color-text);padding:0;margin:0;width:110px;height:110px;border:0;background-color:transparent;transition:stroke .3s;cursor:pointer;display:flex;align-items:center;justify-content:center}#table button:hover{stroke:var(--color-accent-1)}#table svg{background-color:transparent;width:80px;height:80px}#table path{stroke-width:1px;stroke-linecap:round;transition:stroke 2s}#table circle{stroke-width:1px;transition:stroke 2s}#sb{display:flex;margin-top:var(--spacing-lg);gap:var(--spacing-lg)}#sb>center{display:flex;flex-direction:column;align-items:center}#sb p{margin:0;font-size:.9rem;opacity:.8}#sb h1{font-size:2rem;margin:0;margin-bottom:var(--spacing-xs);background:linear-gradient(135deg,var(--color-celadon),var(--color-caribbean-current));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.tictactoe-page{padding:var(--spacing-md) 0}.ttt-compact{max-width:95%}.game-container{padding:var(--spacing-sm)}.page>div{width:280px!important;height:280px!important}#grid{width:280px!important;height:280px!important}#table{width:280px!important;height:280px!important;grid-template-columns:93.33px 93.33px 93.33px!important;grid-template-rows:93.33px 93.33px 93.33px!important}#table button{width:93.33px!important;height:93.33px!important}#table svg{width:70px!important;height:70px!important}#sb{gap:var(--spacing-md);margin-top:var(--spacing-md)}#sb h1{font-size:1.6rem}#info{font-size:1rem}#hardness{font-size:.85rem}}.mattcrypt-page{min-height:100vh;padding:var(--spacing-lg) 0;background:var(--color-bg);display:flex;align-items:center;justify-content:center}.crypt-compact{max-width:1100px;width:95%}.crypt-container{padding:var(--spacing-md)}.crypt-header{text-align:center;margin-bottom:var(--spacing-lg)}.instructions-toggle{background:var(--glass-bg);border:2px solid var(--color-mint);color:var(--color-text);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--spacing-sm);display:inline-flex;align-items:center;gap:var(--spacing-xs);position:relative;overflow:hidden}.instructions-toggle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(120,198,163,.2),transparent);opacity:0}.instructions-toggle:hover:before{animation:button-shine .5s ease-out forwards}.instructions-toggle:hover{border-color:var(--color-mint);background:var(--glass-hover);transform:translateY(-2px);box-shadow:0 5px 15px #78c6a333}.crypt-instructions{font-size:.85rem;opacity:.8;line-height:1.6;margin-top:var(--spacing-sm);overflow:hidden}.crypt-instructions p{margin:var(--spacing-xs) 0}.crypt-side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);min-height:400px}.crypt-panel{display:flex;flex-direction:column}.crypt-panel label{font-size:1.05rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text)}.crypt-textarea{background-color:var(--glass-bg);color:var(--color-text);width:100%;height:100%;min-height:350px;border:2px solid var(--glass-border);padding:var(--spacing-md);border-radius:var(--radius-md);font-family:JetBrains Mono,Courier New,monospace;font-size:.95rem;resize:none;transition:all var(--transition-base)}.crypt-textarea:focus{outline:none;border-color:var(--color-accent-1);box-shadow:0 0 0 3px #78c6a31a}.output-panel{position:relative}.output-box{background-color:var(--glass-bg);border:2px solid var(--glass-border);width:100%;height:100%;min-height:350px;padding:var(--spacing-md);padding-top:calc(var(--spacing-xl) + var(--spacing-sm));overflow-x:auto;overflow-y:auto;border-radius:var(--radius-md);position:relative}.crypt-output-text{margin:0;white-space:pre-wrap;word-break:break-all;overflow-wrap:break-word;font-family:JetBrains Mono,Courier New,monospace;font-size:.95rem;color:var(--color-text);line-height:1.6}.copy-btn-top{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);padding:var(--spacing-xs);background:transparent;border:1px solid var(--glass-border);color:var(--color-text);font-size:.8rem;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);z-index:10;opacity:.7}.copy-btn-top:hover{background:var(--glass-bg);border-color:var(--color-accent-1);opacity:1}.copied-text{font-size:.8rem;font-weight:600}.crypt-actions{display:flex;justify-content:center;gap:var(--spacing-md)}.crypt-clear-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--glass-bg);border:2px solid var(--color-mint);color:var(--color-text);border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.crypt-clear-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(120,198,163,.2),transparent);opacity:0}.crypt-clear-btn:hover:before{animation:button-shine .5s ease-out forwards}.crypt-clear-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #78c6a333}@media (max-width: 768px){.mattcrypt-page{padding:var(--spacing-md) 0}.crypt-compact{max-width:95%}.crypt-container{padding:var(--spacing-sm)}.crypt-side-by-side{grid-template-columns:1fr;gap:var(--spacing-md);min-height:auto}.crypt-textarea{min-height:200px;font-size:.9rem}.output-box{min-height:200px}.crypt-output-text{font-size:.9rem}.crypt-header h1{font-size:clamp(1.5rem,3vw,2rem)}.crypt-instructions{font-size:.8rem}}.flames-page{min-height:60vh;padding:var(--spacing-md) 0;background:var(--color-bg);display:flex;align-items:center;justify-content:center}.flames-compact{max-width:700px;width:90%}.flames-container{padding:var(--spacing-sm)}.flames-header{text-align:center;margin-bottom:var(--spacing-md)}.flames-header h1{font-size:clamp(1.8rem,3vw,2.5rem);background:linear-gradient(135deg,var(--color-celadon),var(--color-caribbean-current));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:6px;margin-bottom:var(--spacing-sm)}@keyframes button-shine{0%{left:-100%;opacity:1}to{left:100%;opacity:1}}.input-box{width:100%;max-width:500px;background-color:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:0 auto var(--spacing-md)}.flames-input{color:var(--color-text);padding:var(--spacing-md);background-color:var(--glass-bg);border:2px solid var(--glass-border);border-radius:var(--radius-md);outline:none;text-align:center;font-family:var(--font-primary);font-size:1.05rem;width:100%;margin:var(--spacing-sm) 0;transition:all var(--transition-base)}.flames-input:focus{border-color:var(--color-accent-1);background-color:var(--glass-hover);box-shadow:0 0 0 3px #78c6a31a}.flames-input::placeholder{text-align:center;opacity:.6;color:var(--color-text)}.flames-button{background:var(--glass-bg);border:2px solid var(--color-mint);color:var(--color-text);font-weight:600;position:relative;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;font-size:1rem;transition:all var(--transition-base);width:110px}.flames-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(120,198,163,.2),transparent);opacity:0}.flames-button:hover:before{animation:button-shine .5s ease-out forwards}.flames-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #78c6a333}.flames-ramp{overflow:hidden;width:100%;max-width:500px}.flames-disp{color:var(--color-text);background-color:var(--glass-bg);border:1px solid var(--glass-border);width:100%;margin:var(--spacing-xs) 0;border-radius:var(--radius-md);font-family:var(--font-primary);font-size:18px;overflow:hidden;position:relative;min-height:40px;padding:var(--spacing-sm);left:0;transition:left 4s ease,font-size .4s ease,min-height .3s ease;font-weight:600;display:flex;align-items:center;justify-content:center}.flames-disp:hover{background-color:var(--glass-hover);border-color:var(--color-accent-1)}@media (max-width: 768px){.flames-page{padding:var(--spacing-xs) 0;min-height:50vh;display:flex;align-items:center}.flames-compact{max-width:95%}.flames-header{margin-bottom:var(--spacing-sm)}.flames-header h1{font-size:clamp(1.3rem,3vw,1.8rem);letter-spacing:3px;margin-bottom:var(--spacing-xs)}.disclaimer{font-size:.75rem}.input-box{width:95%;padding:var(--spacing-md);margin-bottom:var(--spacing-sm)}.flames-input{padding:var(--spacing-sm);font-size:.95rem;margin:var(--spacing-xs) 0}.flames-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:.9rem;margin-top:var(--spacing-xs)}.flames-ramp{width:95%}.flames-disp{padding:var(--spacing-xs);font-size:16px;min-height:35px}}.fool-page{min-height:100vh;padding:0;margin:0;background:var(--color-bg);position:relative;overflow:hidden}.fool-container{min-height:100vh;position:relative}.fool-box{position:absolute;background-color:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);height:120px;width:200px;padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:0 10px 30px var(--glass-shadow);transition:all .3s ease;z-index:100}.fool-box h2{color:var(--color-text);font-family:Poppins,sans-serif;font-size:1.2rem;margin-bottom:var(--spacing-md);font-weight:600}.fool-buttons{display:flex;gap:var(--spacing-sm);justify-content:center}.fool-buttons button{padding:var(--spacing-sm) var(--spacing-md);width:85px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);border:2px solid var(--color-accent-1)}.fool-no{background-color:var(--color-bg);color:var(--color-accent-1)}.fool-no:hover{background-color:var(--glass-hover);transform:scale(1.05)}.fool-yes{background-color:var(--color-accent-1);color:var(--color-bg)}.fool-yes:hover{background-color:var(--color-accent-2);transform:scale(1.05)}.fool-result{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;text-align:center}.fool-head{color:var(--color-text);font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:var(--spacing-lg);font-family:Poppins,sans-serif;font-weight:700}.fool-pic{font-size:clamp(4rem,10vw,7rem);margin:var(--spacing-lg) 0;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.fool-message{color:var(--color-text);font-size:clamp(.95rem,2vw,1.1rem);line-height:1.7;margin:var(--spacing-lg) 0;padding:0 var(--spacing-md);opacity:.9}.fool-restart{margin-top:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-xl);background:linear-gradient(135deg,var(--color-accent-1),var(--color-accent-2));color:var(--color-bg);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #0003;transition:all var(--transition-base)}.fool-restart:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}@media (max-width: 768px){.fool-page{min-height:100vh;max-height:100vh;overflow:hidden}.fool-container{min-height:100vh;max-height:100vh}.fool-box{width:170px;height:100px;padding:var(--spacing-xs)}.fool-box h2{font-size:.95rem;margin-bottom:var(--spacing-xs)}.fool-buttons{gap:var(--spacing-xs)}.fool-buttons button{width:70px;font-size:.85rem;padding:6px var(--spacing-xs)}.fool-head{font-size:clamp(1.3rem,4vw,2rem);margin-bottom:var(--spacing-sm)}.fool-pic{font-size:clamp(2.5rem,10vw,5rem);margin:var(--spacing-sm) 0}.fool-message{font-size:clamp(.85rem,2vw,1rem);margin:var(--spacing-sm) 0;padding:0 var(--spacing-sm)}.fool-restart{margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-lg);font-size:.9rem}}