:root{--primary: #F7DA59;--primary-dark: #D18046;--primary-light: rgba(247, 218, 89, .15);--primary-glow: rgba(247, 218, 89, .3);--secondary: #C9351F;--secondary-dark: #7F3B29;--secondary-light: rgba(201, 53, 31, .15);--secondary-glow: rgba(201, 53, 31, .25);--accent: #444F60;--accent-dark: #334959;--accent-light: rgba(68, 79, 96, .2);--accent-glow: rgba(68, 79, 96, .15);--background-primary: #0A0C0D;--background-secondary: #232827;--background-tertiary: #1A1D1E;--background-card: #1E2122;--background-card-elevated: #252829;--background-glass: rgba(30, 33, 34, .85);--background-glass-light: rgba(68, 79, 96, .1);--text-primary: #D4F1F9;--text-secondary: #A8E6CF;--text-muted: rgba(168, 230, 207, .7);--text-on-dark: #FFFFFF;--text-on-light: #4B2C27;--text-code: #C9351F;--component-background: rgba(35, 40, 39, .4);--component-border: rgba(247, 218, 89, .2);--component-border-accent: rgba(201, 53, 31, .3);--component-border-subtle: rgba(68, 79, 96, .2);--tag-background-primary: rgba(247, 218, 89, .15);--tag-background-secondary: rgba(201, 53, 31, .15);--tag-background-accent: rgba(68, 79, 96, .15);--tag-background-neutral: rgba(46, 196, 182, .1);--tag-color-primary: #F7DA59;--tag-color-secondary: #C9351F;--tag-color-accent: #444F60;--tag-color-neutral: #2EC4B6;--glow-effect: 0 0 20px rgba(247, 218, 89, .15);--glow-effect-strong: 0 0 30px rgba(247, 218, 89, .25);--glow-effect-red: 0 0 20px rgba(201, 53, 31, .2);--neon-glow: 0 0 15px rgba(247, 218, 89, .4), 0 0 30px rgba(247, 218, 89, .2);--neon-glow-red: 0 0 15px rgba(201, 53, 31, .4), 0 0 30px rgba(201, 53, 31, .2);--black: 10, 12, 13;--gray: 46, 196, 182;--gray-light: 247, 218, 89;--gray-dark: 35, 40, 39;--primary-gradient: linear-gradient(135deg, var(--primary), var(--primary-dark));--primary-gradient-subtle: linear-gradient(135deg, rgba(247, 218, 89, .1), rgba(209, 128, 70, .05));--secondary-gradient: linear-gradient(135deg, var(--secondary), var(--secondary-dark));--accent-gradient: linear-gradient(135deg, var(--accent), var(--accent-dark));--background-gradient: linear-gradient(135deg, var(--background-primary), var(--background-secondary));--background-gradient-dark: linear-gradient(135deg, #0A0C0D, #1A1D1E);--tech-gradient: linear-gradient(135deg, #444F60, #334959, #232827);--energy-gradient: linear-gradient(135deg, #C9351F, #F7DA59, #D18046);--glass-gradient: linear-gradient(135deg, rgba(30, 33, 34, .9), rgba(35, 40, 39, .7));--glass-gradient-light: linear-gradient(135deg, rgba(68, 79, 96, .2), rgba(51, 73, 89, .1));--box-shadow: 0 8px 32px rgba(0, 0, 0, .4), 0 4px 16px rgba(0, 0, 0, .3), 0 2px 8px rgba(0, 0, 0, .2);--card-shadow: 0 12px 40px rgba(0, 0, 0, .35), 0 6px 20px rgba(0, 0, 0, .25);--card-shadow-hover: 0 20px 60px rgba(247, 218, 89, .15), 0 12px 40px rgba(0, 0, 0, .4), 0 6px 20px rgba(0, 0, 0, .3);--card-shadow-elevated: 0 24px 80px rgba(0, 0, 0, .5), 0 12px 40px rgba(0, 0, 0, .4);--accent-shadow: 0 0 0 1px rgba(247, 218, 89, .2), 0 12px 40px rgba(0, 0, 0, .4);--inner-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), inset 0 -1px 0 rgba(0, 0, 0, .2);--inner-shadow-light: inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 -1px 0 rgba(0, 0, 0, .3);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--border-radius-sm: 8px;--border-radius-md: 16px;--border-radius-lg: 24px;--border-radius-xl: 32px;--border-radius-full: 9999px;--transition-fast: .15s cubic-bezier(.2, 0, .4, 1);--transition-normal: .3s cubic-bezier(.2, 0, .4, 1);--transition-slow: .5s cubic-bezier(.2, 0, .4, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--blur-sm: blur(8px);--blur-md: blur(16px);--blur-lg: blur(24px);--glass-backdrop: saturate(180%) blur(16px);--soft-glow: 0 0 30px rgba(247, 218, 89, .1);--strong-glow: 0 0 50px rgba(247, 218, 89, .2);--halo-effect: 0 0 80px rgba(247, 218, 89, .15);--glow-blue-gradient: 0 0 40px rgba(33, 130, 161, .15), 0 0 70px rgba(104, 162, 182, .1);--glow-orange-gradient: 0 0 40px rgba(230, 177, 127, .2), 0 0 70px rgba(230, 177, 127, .1);--glow-brown-gradient: 0 0 40px rgba(104, 66, 50, .2), 0 0 70px rgba(104, 66, 50, .1);--glow-multi-color: 0 0 15px rgba(247, 218, 89, .15), 0 0 30px rgba(209, 128, 70, .1), 0 0 45px rgba(68, 79, 96, .05);--glow-energetic: 0 0 20px rgba(247, 218, 89, .25), 0 0 40px rgba(209, 128, 70, .15), 0 0 60px rgba(68, 79, 96, .1);--glow-subtle: 0 0 10px rgba(247, 218, 89, .1), 0 0 20px rgba(209, 128, 70, .05);--gradient-blue: linear-gradient(135deg, #2182A1, #68A2B6, #90AFBD);--gradient-orange-brown: linear-gradient(135deg, #E6B17F, #684232);--gradient-multi-hue: linear-gradient(135deg, #2182A1, #68A2B6, #90AFBD, #E6B17F, #684232);--gradient-subtle: linear-gradient(135deg, rgba(33, 130, 161, .1), rgba(104, 162, 182, .05), rgba(144, 175, 189, .03));--color-deep-blue: #2182A1;--color-medium-blue: #68A2B6;--color-light-blue: #90AFBD;--color-orange: #E6B17F;--color-brown: #684232;--color-deep-blue-rgb: 33, 130, 161;--color-medium-blue-rgb: 104, 162, 182;--color-light-blue-rgb: 144, 175, 189;--color-orange-rgb: 230, 177, 127;--color-brown-rgb: 104, 66, 50;--frosted-glass: rgba(30, 33, 34, .7);--frosted-glass-light: rgba(68, 79, 96, .4);--frosted-glass-border: rgba(255, 255, 255, .1);--embossed-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), inset 0 -1px 0 rgba(0, 0, 0, .3), 0 4px 20px rgba(0, 0, 0, .4);--embossed-shadow-light: inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 -1px 0 rgba(0, 0, 0, .2), 0 2px 10px rgba(0, 0, 0, .3);--glossy-surface: linear-gradient( 135deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .02) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .02) 75%, rgba(255, 255, 255, .05) 100% );--gradient-glow-yellow-orange: linear-gradient(135deg, rgba(247, 218, 89, .25) 0%, rgba(209, 128, 70, .2) 50%, transparent 100% );--gradient-glow-orange-blue: linear-gradient(135deg, rgba(247, 218, 89, .2) 0%, rgba(209, 128, 70, .15) 50%, rgba(68, 79, 96, .1) 100% );--gradient-glow-blue-yellow: linear-gradient(135deg, rgba(68, 79, 96, .2) 0%, rgba(247, 218, 89, .15) 50%, transparent 100% );--gradient-glow-multi-yellow: linear-gradient(135deg, rgba(247, 218, 89, .2) 0%, rgba(209, 128, 70, .15) 33%, rgba(68, 79, 96, .1) 66%, transparent 100% );--edge-glow-yellow-orange: 0 0 10px rgba(247, 218, 89, .15), 0 0 20px rgba(209, 128, 70, .1);--edge-glow-orange-blue: 0 0 10px rgba(247, 218, 89, .1), 0 0 15px rgba(209, 128, 70, .08), 0 0 20px rgba(68, 79, 96, .05);--edge-glow-blue-yellow: 0 0 10px rgba(68, 79, 96, .1), 0 0 20px rgba(247, 218, 89, .08);--edge-glow-multi-yellow: 0 0 10px rgba(247, 218, 89, .1), 0 0 15px rgba(209, 128, 70, .08), 0 0 20px rgba(68, 79, 96, .05);--smooth-gradient: linear-gradient(135deg, #0A0C0D, #1A1D1E, #232827);--smooth-gradient-light: linear-gradient(135deg, #232827, #2E3534, #3A4241);--backdrop-blur-heavy: blur(24px) saturate(200%);--backdrop-blur-medium: blur(16px) saturate(180%);--backdrop-blur-light: blur(8px) saturate(160%)}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}body{font-family:Atkinson,sans-serif;margin:0;padding:0;text-align:left;background:var(--background-primary);background-image:var(--background-gradient);background-size:cover;background-attachment:fixed;word-wrap:break-word;overflow-wrap:break-word;color:var(--text-primary);font-size:var(--font-size-base);line-height:1.7;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{width:100%;max-width:100%;margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:0 0 .75rem;color:var(--primary);line-height:1.2;font-weight:800;letter-spacing:-.02em}h1{font-size:var(--font-size-5xl);color:var(--primary);text-shadow:var(--glow-effect);margin-bottom:1.5rem;font-weight:900}h2{font-size:var(--font-size-4xl);color:var(--primary);margin-bottom:1.25rem}h3{font-size:var(--font-size-3xl);color:var(--text-secondary);margin-bottom:1rem}h4{font-size:var(--font-size-2xl);color:var(--text-secondary);margin-bottom:.875rem}h5{font-size:var(--font-size-xl);color:var(--text-muted);margin-bottom:.75rem;font-weight:700}h6{font-size:var(--font-size-lg);color:var(--text-muted);margin-bottom:.625rem;font-weight:700}strong,b{font-weight:700;color:var(--primary)}a{color:var(--primary);text-decoration:none;transition:all var(--transition-fast);font-weight:600}a:hover{color:var(--text-on-dark);text-shadow:var(--glow-effect);transform:translateY(-1px)}p{margin-bottom:1.5em;font-size:var(--font-size-base);line-height:1.8;color:var(--text-secondary)}.prose p{margin-bottom:1.5em}textarea{width:100%;font-size:var(--font-size-base);background:var(--background-card);border:1px solid var(--component-border-2);border-radius:var(--border-radius-md);padding:var(--spacing-md);color:var(--text-secondary);transition:all var(--transition-normal)}textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--accent-shadow);background:var(--background-glass)}input{font-size:var(--font-size-base);background:var(--background-card);border:1px solid var(--component-border-2);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);transition:all var(--transition-normal)}input:focus{outline:none;border-color:var(--primary);box-shadow:var(--accent-shadow);background:var(--background-glass)}table{width:100%;background:var(--background-card);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);border-collapse:collapse}th{background:var(--primary-gradient);color:var(--text-light);padding:var(--spacing-md);text-align:left;font-weight:600}td{padding:var(--spacing-md);border-bottom:1px solid var(--component-border-3);color:var(--text-secondary)}tr:hover td{background:var(--primary-super-light)}img{max-width:100%;height:auto;border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}img:hover{transform:scale(1.02);box-shadow:var(--card-shadow-hover)}code{padding:.2em .4em;background:#f7da591a;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--primary);font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;border:1px solid rgba(247,218,89,.2);box-shadow:var(--inner-shadow)}pre{padding:1.5em;border-radius:var(--border-radius-md);background:var(--background-card);border:1px solid var(--component-border);box-shadow:var(--card-shadow);overflow-x:auto;margin:1.5rem 0}pre>code{all:unset;background:transparent;border:none;box-shadow:none;color:var(--text-secondary);padding:0}blockquote{border-left:3px solid var(--primary);padding:0 0 0 1.5rem;margin:1.5rem 0;font-size:var(--font-size-lg);font-style:italic;color:var(--text-secondary);background:#f7da590d;border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;padding:var(--spacing-lg);position:relative;overflow:hidden}blockquote:before{content:'"';position:absolute;top:-10px;left:10px;font-size:4rem;color:#f7da591a;font-family:serif;line-height:1}hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--component-border),transparent);margin:2.5rem 0}@media(max-width:768px){:root{--font-size-xs: .7rem;--font-size-sm: .8rem;--font-size-base: .9rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.25rem;--font-size-3xl: 1.5rem;--font-size-4xl: 1.75rem;--font-size-5xl: 2rem;--font-size-6xl: 2.5rem}body{font-size:var(--font-size-base)}main{padding:0 1rem}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}p{font-size:var(--font-size-base)}}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{box-shadow:0 0 #ff6b3566}70%{box-shadow:0 0 0 6px #ff6b3500}to{box-shadow:0 0 #ff6b3500}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.nature-gradient-bg{background:var(--sun-gradient);background-size:200% 200%}.nature-gradient-light-bg{background:var(--sun-gradient-light)}.nature-card{background:#fff;border-radius:12px;box-shadow:var(--sun-shadow);border:1px solid rgba(var(--gray-light),.5);transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease;animation:fadeIn .6s cubic-bezier(.175,.885,.32,1.275)}.nature-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 40px -10px #ff6b3540,0 15px 20px -12px #ffc85733}.nature-button{background:var(--sun-gradient);background-size:200% 200%;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px -2px #ff6b3540;position:relative;overflow:hidden}.nature-button:hover{background:linear-gradient(135deg,var(--primary-dark),var(--accent-dark));background-size:200% 200%;box-shadow:0 8px 16px -4px #ff6b3559;transform:translateY(-2px) scale(1.05)}.nature-button:active{transform:translateY(1px) scale(.98);transition:all .1s ease}.nature-button.pulse{animation:pulse 2s infinite}.nature-input{border:1px solid rgba(var(--gray),.3);border-radius:8px;padding:.75rem;font-size:1rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);background:#fff}.nature-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ff6b3526,0 8px 16px -4px #ff6b351a;transform:translateY(-1px)}.animate-fade-in{animation:fadeIn .8s ease-out}.animate-scale-in{animation:scaleIn .6s cubic-bezier(.175,.885,.32,1.275)}.animate-slide-in-left{animation:slideInFromLeft .7s cubic-bezier(.175,.885,.32,1.275)}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.xiaohongshu-gradient-bg{background:var(--primary-gradient);background-size:200% 200%}.xiaohongshu-gradient-light-bg{background:var(--primary-gradient-light)}.xiaohongshu-card{background:#fff;border-radius:12px;box-shadow:var(--card-shadow);border:1px solid rgba(var(--gray-light),.5);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease;animation:fadeIn .5s cubic-bezier(.175,.885,.32,1.275)}.xiaohongshu-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}.xiaohongshu-button{background:var(--primary-gradient);background-size:200% 200%;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px -2px #2182a140;position:relative;overflow:hidden}.xiaohongshu-button:hover{background:linear-gradient(135deg,var(--primary-dark),var(--secondary-dark));background-size:200% 200%;box-shadow:0 8px 16px -4px #2182a159;transform:translateY(-2px);animation:gradientShift 4s ease infinite}.xiaohongshu-button:active{transform:translateY(1px) scale(.98);transition:all .1s ease}.xiaohongshu-button.accent{background:var(--accent-gradient);box-shadow:var(--accent-shadow)}.xiaohongshu-button.accent:hover{background:linear-gradient(135deg,var(--accent-dark),#E0A878)}.xiaohongshu-input{border:1px solid rgba(var(--gray),.3);border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);background:#fff;color:var(--text-dark)}.xiaohongshu-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2182a126,0 4px 12px -2px #2182a11a}.xiaohongshu-tag{display:inline-block;padding:.25rem .75rem;background:#2182a11a;color:var(--primary);border-radius:16px;font-size:.85rem;font-weight:500;transition:all .2s ease;text-decoration:none;border:1px solid rgba(33,130,161,.2)}.xiaohongshu-tag:hover{background:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #2182a133}.xiaohongshu-tag.accent{background:#e6b17f1a;color:var(--accent-dark);border-color:#e6b17f33}.xiaohongshu-tag.accent:hover{background:var(--accent);color:#fff}.chinese-modern-gradient-bg{background:var(--primary-gradient);background-size:200% 200%;animation:gradientShift 8s ease infinite}.chinese-modern-gradient-light-bg{background:var(--primary-gradient-light)}.chinese-modern-card{background:#fff;border-radius:12px;box-shadow:var(--card-shadow);border:1px solid rgba(215,233,247,.5);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease;animation:fadeIn .5s cubic-bezier(.175,.885,.32,1.275)}.chinese-modern-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}.chinese-modern-button{background:var(--primary-gradient);background-size:200% 200%;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px -2px #95904340;position:relative;overflow:hidden}.chinese-modern-button:hover{background:linear-gradient(135deg,var(--primary-dark),#625E25);background-size:200% 200%;box-shadow:0 8px 16px -4px #95904359;transform:translateY(-2px);animation:gradientShift 4s ease infinite}.chinese-modern-button:active{transform:translateY(1px) scale(.98);transition:all .1s ease}.chinese-modern-button.accent{background:var(--accent-gradient);box-shadow:var(--accent-shadow)}.chinese-modern-button.accent:hover{background:linear-gradient(135deg,var(--accent-dark),#7C7160)}.chinese-modern-input{border:1px solid rgba(124,113,96,.3);border-radius:8px;padding:.75rem 1rem;font-size:var(--font-size-base);transition:all .3s cubic-bezier(.175,.885,.32,1.275);background:#fff;color:var(--text-primary)}.chinese-modern-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #95904326,0 4px 12px -2px #9590431a}.chinese-modern-tag{display:inline-block;padding:.4rem .9rem;background:#9590431a;color:var(--primary);border-radius:16px;font-size:var(--font-size-sm);font-weight:500;transition:all .2s ease;text-decoration:none;border:1px solid rgba(149,144,67,.2)}.chinese-modern-tag:hover{background:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #95904333}.chinese-modern-tag.accent{background:#904f371a;color:var(--secondary);border-color:#904f3733}.chinese-modern-tag.accent:hover{background:var(--secondary);color:#fff}.olive-background{background:var(--background-secondary);border-radius:8px;padding:1.5rem;margin:1rem 0}.red-background{background:var(--component-background-red);border-radius:8px;padding:1.5rem;margin:1rem 0;border:1px solid var(--component-border-red)}.component-background-olive{background:var(--component-background-olive);border:1px solid var(--component-border-olive);border-radius:8px;padding:1.5rem;transition:all .3s ease}.component-background-olive:hover{background:#86813940;box-shadow:var(--olive-shadow);transform:translateY(-2px)}.component-background-red{background:var(--component-background-red);border:1px solid var(--component-border-red);border-radius:8px;padding:1.5rem;transition:all .3s ease}.component-background-red:hover{background:#8e4e3740;box-shadow:var(--accent-shadow);transform:translateY(-2px)}.card-olive{background:var(--background-card);border:1px solid var(--component-border-olive);border-radius:12px;padding:1.5rem;box-shadow:var(--card-shadow);transition:all .3s ease}.card-olive:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-4px);border-color:#86813980}.card-red{background:var(--background-card);border:1px solid var(--component-border-red);border-radius:12px;padding:1.5rem;box-shadow:var(--card-shadow);transition:all .3s ease}.card-red:hover{box-shadow:var(--accent-shadow);transform:translateY(-4px);border-color:#8e4e3780}.tag-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:20px;font-size:var(--font-size-sm);font-weight:500;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none;white-space:nowrap}.tag-button-olive{background:var(--tag-background-olive);color:var(--tag-color-olive);border:1px solid rgba(134,129,57,.3)}.tag-button-olive:hover{background:#86813940;color:#504930;border-color:#86813980;transform:translateY(-1px);box-shadow:0 2px 6px #86813933}.tag-button-olive.active{background:var(--secondary);color:#fff;border-color:var(--secondary);font-weight:600}.tag-button-red{background:var(--tag-background-red);color:var(--tag-color-red);border:1px solid rgba(142,78,55,.3)}.tag-button-red:hover{background:#8e4e3740;color:#4a3624;border-color:#8e4e3780;transform:translateY(-1px);box-shadow:0 2px 6px #8e4e3733}.tag-button-red.active{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:600}.tag-category-container{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0;padding:.75rem;background:var(--background-tertiary);border-radius:8px}.tag-category-container.olive{background:#86813914;border:1px solid rgba(134,129,57,.15)}.tag-category-container.red{background:#8e4e3714;border:1px solid rgba(142,78,55,.15)}.page-section-olive{background:var(--background-secondary);border-radius:12px;padding:2rem;margin:2rem 0;border:1px solid rgba(134,129,57,.2)}.page-section-red{background:var(--component-background-red);border-radius:12px;padding:2rem;margin:2rem 0;border:1px solid rgba(142,78,55,.2)}.page-section-accent{background:var(--background-tertiary);border-radius:12px;padding:2rem;margin:2rem 0;border:1px solid rgba(167,153,129,.2)}.gradient-background-olive{background:var(--olive-gradient);border-radius:12px;padding:2rem;margin:2rem 0;animation:gradientShift 8s ease infinite;background-size:200% 200%}.gradient-background-red{background:var(--primary-gradient);border-radius:12px;padding:2rem;margin:2rem 0;animation:gradientShift 8s ease infinite;background-size:200% 200%;color:#fff}.gradient-background-red h1,.gradient-background-red h2,.gradient-background-red h3,.gradient-background-red h4,.gradient-background-red p{color:#fff}.border-olive{border:2px solid var(--component-border-olive);border-radius:8px;padding:1.5rem}.border-red{border:2px solid var(--component-border-red);border-radius:8px;padding:1.5rem}.border-accent{border:2px solid rgba(167,153,129,.3);border-radius:8px;padding:1.5rem}.shadow-olive{box-shadow:var(--olive-shadow)}.shadow-red{box-shadow:var(--accent-shadow)}@media(max-width:768px){.page-section-olive,.page-section-red,.page-section-accent,.gradient-background-olive,.gradient-background-red{padding:1.5rem;margin:1.5rem 0}.card-olive,.card-red{padding:1.25rem}.tag-button{padding:.4rem .8rem;font-size:.8rem}.tag-category-container{padding:.5rem;gap:.4rem}}.song-card{background:var(--background-card);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--card-shadow);border:1px solid var(--component-border-2);transition:all var(--transition-normal);position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.song-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gold-gradient);z-index:1}.song-card:hover{transform:translateY(-8px);box-shadow:var(--card-shadow-hover);border-color:var(--component-border-1)}.song-card.glass{background:var(--background-glass);border:1px solid rgba(255,255,255,.2)}.song-card.glass:hover{background:#fffffff2;backdrop-filter:blur(20px)}.song-card.dark{background:var(--background-secondary);color:var(--text-light);border-color:var(--component-border-3)}.song-card.dark:before{background:var(--primary-gradient)}.song-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:600;text-decoration:none;transition:all var(--transition-normal);cursor:pointer;border:none;position:relative;overflow:hidden;white-space:nowrap;font-family:Atkinson,sans-serif}.song-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.song-button:hover:before{left:100%}.song-button.primary{background:var(--primary-gradient);color:var(--text-light);box-shadow:var(--accent-shadow)}.song-button.primary:hover{background:linear-gradient(135deg,var(--primary-dark),#C9351F);box-shadow:var(--neon-glow);transform:translateY(-2px) scale(1.05)}.song-button.secondary{background:var(--gold-gradient);color:var(--text-dark);box-shadow:var(--gold-shadow)}.song-button.secondary:hover{background:linear-gradient(135deg,var(--secondary-dark),#F7DA59);box-shadow:0 10px 30px -5px #f7da5980;transform:translateY(-2px) scale(1.05);color:#4b2c27}.song-button.accent{background:var(--celadon-gradient);color:var(--text-light);box-shadow:var(--celadon-shadow)}.song-button.accent:hover{background:linear-gradient(135deg,var(--accent-dark),#444F60);box-shadow:0 10px 30px -5px #444f6066;transform:translateY(-2px) scale(1.05)}.song-button.ghost{background:transparent;color:var(--secondary);border:2px solid var(--component-border-2);box-shadow:none}.song-button.ghost:hover{background:var(--secondary-light);border-color:var(--secondary);color:var(--text-light);transform:translateY(-2px)}.song-button.small{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm)}.song-button.large{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg);font-weight:700}.song-tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;transition:all var(--transition-fast);cursor:pointer;border:none;white-space:nowrap}.song-tag.primary{background:var(--tag-background-1);color:var(--tag-color-1);border:1px solid var(--component-border-1)}.song-tag.primary:hover{background:var(--primary);color:var(--text-light);transform:translateY(-1px);box-shadow:var(--accent-shadow)}.song-tag.secondary{background:var(--tag-background-2);color:var(--tag-color-2);border:1px solid var(--component-border-2)}.song-tag.secondary:hover{background:var(--secondary);color:var(--text-dark);transform:translateY(-1px);box-shadow:var(--gold-shadow)}.song-tag.accent{background:var(--tag-background-3);color:var(--tag-color-3);border:1px solid var(--component-border-3)}.song-tag.accent:hover{background:var(--accent);color:var(--text-light);transform:translateY(-1px);box-shadow:var(--celadon-shadow)}.song-tag.warm{background:var(--tag-background-4);color:var(--tag-color-4);border:1px solid rgba(127,59,41,.3)}.song-tag.warm:hover{background:#7f3b29;color:var(--text-secondary);transform:translateY(-1px);box-shadow:0 4px 12px #7f3b294d}.song-input{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);background:var(--background-card);border:2px solid var(--component-border-2);border-radius:var(--border-radius-md);color:var(--text-secondary);transition:all var(--transition-normal);font-family:Atkinson,sans-serif}.song-input:focus{outline:none;border-color:var(--primary);background:var(--background-glass);box-shadow:var(--soft-glow),inset 0 0 20px #c9351f1a}.song-input.error{border-color:#c9351f;background:#c9351f0d}.song-input.success{border-color:#f7da59;background:#f7da590d}.song-input::placeholder{color:#c2a9a2b3}.song-nav{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--background-tertiary);border-radius:var(--border-radius-lg);border:1px solid var(--component-border-3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.song-nav-item{padding:var(--spacing-sm) var(--spacing-lg);color:var(--text-secondary);text-decoration:none;border-radius:var(--border-radius-md);transition:all var(--transition-normal);font-weight:600;position:relative}.song-nav-item:hover{background:var(--component-background-1);color:var(--secondary);transform:translateY(-1px)}.song-nav-item.active{background:var(--primary-gradient);color:var(--text-light);box-shadow:var(--accent-shadow)}.song-nav-item.active:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--secondary);border-radius:2px}.song-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.song-badge.primary{background:var(--primary-gradient);color:var(--text-light);box-shadow:0 2px 8px #c9351f4d}.song-badge.secondary{background:var(--gold-gradient);color:var(--text-dark);box-shadow:0 2px 8px #f7da594d}.song-badge.accent{background:var(--celadon-gradient);color:var(--text-light);box-shadow:0 2px 8px #444f604d}.song-progress{width:100%;height:8px;background:var(--background-tertiary);border-radius:var(--border-radius-full);overflow:hidden;position:relative}.song-progress-bar{height:100%;background:var(--gold-gradient);border-radius:var(--border-radius-full);transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.song-progress-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.song-tooltip{position:relative;display:inline-block}.song-tooltip:hover:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:var(--spacing-sm) var(--spacing-md);background:var(--background-secondary);color:var(--text-light);font-size:var(--font-size-sm);border-radius:var(--border-radius-md);white-space:nowrap;z-index:1000;box-shadow:var(--box-shadow);border:1px solid var(--component-border-3);margin-bottom:var(--spacing-sm)}.song-tooltip:hover:after{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:var(--background-secondary) transparent transparent transparent}.song-divider{display:flex;align-items:center;text-align:center;margin:var(--spacing-xl) 0;color:var(--text-muted);font-size:var(--font-size-sm)}.song-divider:before,.song-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--component-border-2),transparent)}.song-divider span{padding:0 var(--spacing-lg)}.song-loader{width:40px;height:40px;border:3px solid var(--component-border-2);border-top-color:var(--primary);border-radius:50%;animation:song-spin 1s linear infinite;margin:0 auto}@keyframes song-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.song-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.song-grid.compact{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.song-grid.spacious{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.song-container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.song-hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.song-hover-lift:hover{transform:translateY(-8px);box-shadow:var(--card-shadow-hover)}.song-hover-glow{transition:all var(--transition-normal)}.song-hover-glow:hover{box-shadow:var(--soft-glow)}@media(max-width:768px){.song-card{padding:var(--spacing-lg)}.song-button{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm)}.song-button.large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base)}.song-nav{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.song-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.song-container{padding:0 var(--spacing-md)}}@media(max-width:480px){.song-card{padding:var(--spacing-md);border-radius:var(--border-radius-md)}.song-button{width:100%;justify-content:center}.song-tag{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}}.tech-card{background:var(--background-card);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--card-shadow);border:1px solid var(--component-border);transition:all var(--transition-normal);position:relative;overflow:hidden}.tech-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent);z-index:1}.tech-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover);border-color:var(--component-border-accent)}.tech-card.glass{background:var(--background-glass);backdrop-filter:var(--glass-backdrop);border:1px solid rgba(255,255,255,.1)}.tech-card.glass:hover{background:var(--background-glass-light);backdrop-filter:saturate(200%) blur(20px)}.tech-card.elevated{background:var(--background-card-elevated);box-shadow:var(--card-shadow-elevated)}.tech-card.elevated:hover{box-shadow:0 32px 100px #0009,0 16px 60px #00000080}.tech-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:600;text-decoration:none;transition:all var(--transition-normal);cursor:pointer;border:none;position:relative;overflow:hidden;white-space:nowrap;font-family:Atkinson,sans-serif}.tech-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.tech-button:hover:before{left:100%}.tech-button.primary{background:var(--primary);color:var(--background-primary);box-shadow:var(--accent-shadow)}.tech-button.primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--glow-effect-strong)}.tech-button.secondary{background:transparent;color:var(--primary);border:2px solid var(--component-border);box-shadow:none}.tech-button.secondary:hover{background:var(--primary-light);border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--glow-effect)}.tech-button.accent{background:var(--secondary);color:var(--text-on-dark);box-shadow:var(--glow-effect-red)}.tech-button.accent:hover{background:var(--secondary-dark);transform:translateY(-2px);box-shadow:var(--neon-glow-red)}.tech-button.ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--component-border-subtle);box-shadow:none}.tech-button.ghost:hover{background:var(--accent-light);border-color:var(--accent);color:var(--text-primary);transform:translateY(-2px)}.tech-button.small{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm)}.tech-button.large{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg);font-weight:700}.tech-button.full-width{width:100%;justify-content:center}.tech-tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;transition:all var(--transition-fast);cursor:pointer;border:none;white-space:nowrap}.tech-tag.primary{background:var(--tag-background-primary);color:var(--tag-color-primary);border:1px solid rgba(247,218,89,.3)}.tech-tag.primary:hover{background:var(--primary);color:var(--background-primary);transform:translateY(-1px);box-shadow:var(--glow-effect)}.tech-tag.secondary{background:var(--tag-background-secondary);color:var(--tag-color-secondary);border:1px solid rgba(201,53,31,.3)}.tech-tag.secondary:hover{background:var(--secondary);color:var(--text-on-dark);transform:translateY(-1px);box-shadow:var(--glow-effect-red)}.tech-tag.accent{background:var(--tag-background-accent);color:var(--tag-color-accent);border:1px solid rgba(68,79,96,.3)}.tech-tag.accent:hover{background:var(--accent);color:var(--text-on-dark);transform:translateY(-1px);box-shadow:0 4px 12px #444f604d}.tech-tag.neutral{background:var(--tag-background-neutral);color:var(--tag-color-neutral);border:1px solid rgba(194,169,162,.3)}.tech-tag.neutral:hover{background:var(--text-secondary);color:var(--background-primary);transform:translateY(-1px)}.tech-input{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);background:var(--background-card);border:1px solid var(--component-border);border-radius:var(--border-radius-md);color:var(--text-primary);transition:all var(--transition-normal);font-family:Atkinson,sans-serif}.tech-input:focus{outline:none;border-color:var(--primary);background:var(--background-glass);box-shadow:var(--glow-effect)}.tech-input.error{border-color:var(--secondary);background:#c9351f0d}.tech-input.success{border-color:var(--primary);background:#f7da590d}.tech-input::placeholder{color:var(--text-muted)}.tech-textarea{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);background:var(--background-card);border:1px solid var(--component-border);border-radius:var(--border-radius-md);color:var(--text-primary);transition:all var(--transition-normal);font-family:Atkinson,sans-serif;resize:vertical;min-height:120px}.tech-textarea:focus{outline:none;border-color:var(--primary);background:var(--background-glass);box-shadow:var(--glow-effect)}.tech-nav{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--background-tertiary);border-radius:var(--border-radius-lg);border:1px solid var(--component-border)}.tech-nav.vertical{flex-direction:column;gap:var(--spacing-xs)}.tech-nav-item{padding:var(--spacing-sm) var(--spacing-lg);color:var(--text-secondary);text-decoration:none;border-radius:var(--border-radius-md);transition:all var(--transition-normal);font-weight:600;position:relative}.tech-nav-item:hover{background:var(--primary-light);color:var(--text-primary)}.tech-nav-item.active{background:var(--primary);color:var(--background-primary);box-shadow:var(--glow-effect)}.tech-nav-item.active:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:16px;height:2px;background:var(--primary);border-radius:1px}.tech-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.tech-badge.primary{background:var(--primary);color:var(--background-primary);box-shadow:0 2px 8px #f7da594d}.tech-badge.secondary{background:var(--secondary);color:var(--text-on-dark);box-shadow:0 2px 8px #c9351f4d}.tech-badge.accent{background:var(--accent);color:var(--text-on-dark);box-shadow:0 2px 8px #444f604d}.tech-badge.neutral{background:var(--component-background);color:var(--text-secondary);border:1px solid var(--component-border)}.tech-progress{width:100%;height:6px;background:var(--background-tertiary);border-radius:var(--border-radius-full);overflow:hidden;position:relative}.tech-progress-bar{height:100%;background:var(--primary);border-radius:var(--border-radius-full);transition:width .6s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.tech-progress-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:tech-shimmer 1.5s infinite}@keyframes tech-shimmer{0%{left:-100%}to{left:100%}}.tech-tooltip{position:relative;display:inline-block}.tech-tooltip:hover:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:var(--spacing-sm) var(--spacing-md);background:var(--background-secondary);color:var(--text-on-dark);font-size:var(--font-size-sm);border-radius:var(--border-radius-md);white-space:nowrap;z-index:1000;box-shadow:var(--box-shadow);border:1px solid var(--component-border);margin-bottom:var(--spacing-sm)}.tech-tooltip:hover:after{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:var(--background-secondary) transparent transparent transparent}.tech-divider{display:flex;align-items:center;text-align:center;margin:var(--spacing-xl) 0;color:var(--text-muted);font-size:var(--font-size-sm)}.tech-divider:before,.tech-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--component-border),transparent)}.tech-divider span{padding:0 var(--spacing-lg)}.tech-loader{width:40px;height:40px;border:3px solid var(--component-border);border-top-color:var(--primary);border-radius:50%;animation:tech-spin 1s linear infinite;margin:0 auto}@keyframes tech-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tech-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tech-grid.compact{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.tech-grid.spacious{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.tech-container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.tech-hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.tech-hover-lift:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}.tech-hover-glow{transition:all var(--transition-normal)}.tech-hover-glow:hover{box-shadow:var(--glow-effect)}@media(max-width:768px){.tech-card{padding:var(--spacing-lg)}.tech-button{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm)}.tech-button.large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base)}.tech-nav{flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm)}.tech-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.tech-container{padding:0 var(--spacing-md)}}@media(max-width:480px){.tech-card{padding:var(--spacing-md);border-radius:var(--border-radius-md)}.tech-button{width:100%;justify-content:center}.tech-tag{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}}.modern-glass-container{background:var(--frosted-glass);backdrop-filter:var(--backdrop-blur-medium);border:1px solid var(--frosted-glass-border);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--embossed-shadow);position:relative;overflow:hidden;transition:all var(--transition-normal)}.modern-glass-container:before{content:"";position:absolute;inset:0;background:var(--glossy-surface);z-index:0;pointer-events:none;opacity:.3}.modern-glass-container:hover{background:var(--frosted-glass-light);box-shadow:var(--embossed-shadow-light),var(--soft-glow);transform:translateY(-2px);border-color:var(--component-border)}.modern-glass-container.light{background:var(--frosted-glass-light);backdrop-filter:var(--backdrop-blur-light)}.modern-glass-container.heavy{background:var(--background-glass);backdrop-filter:var(--backdrop-blur-heavy)}.modern-glass-container.halo{position:relative}.modern-glass-container.halo:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 40px);height:calc(100% + 40px);background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);opacity:0;transition:opacity var(--transition-normal);z-index:-1}.modern-glass-container.halo:hover:after{opacity:.1}.modern-glass-card{background:var(--frosted-glass);backdrop-filter:var(--backdrop-blur-medium);border:1px solid var(--frosted-glass-border);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--embossed-shadow);transition:all var(--transition-normal);position:relative;overflow:hidden}.modern-glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent);z-index:1}.modern-glass-card:after{content:"";position:absolute;inset:0;background:var(--glossy-surface);pointer-events:none;opacity:.2;z-index:0}.modern-glass-card:hover{transform:translateY(-6px);box-shadow:var(--embossed-shadow-light),var(--halo-effect);border-color:var(--component-border-accent)}.modern-glass-card.elevated{background:var(--background-glass);backdrop-filter:var(--backdrop-blur-heavy);box-shadow:var(--card-shadow-elevated),var(--embossed-shadow)}.modern-glass-card.elevated:hover{box-shadow:var(--card-shadow-hover),var(--strong-glow);transform:translateY(-8px)}.modern-glass-card.smooth{background:var(--smooth-gradient);border-color:var(--component-border-subtle)}.modern-glass-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:600;text-decoration:none;transition:all var(--transition-normal);cursor:pointer;border:none;position:relative;overflow:hidden;font-family:Atkinson,sans-serif;backdrop-filter:var(--backdrop-blur-medium);background:var(--frosted-glass);color:var(--primary);border:1px solid var(--frosted-glass-border);box-shadow:var(--embossed-shadow-light)}.modern-glass-button:before{content:"";position:absolute;inset:0;background:var(--glossy-surface);pointer-events:none;opacity:.3;z-index:0}.modern-glass-button:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease;z-index:1}.modern-glass-button:hover{background:var(--frosted-glass-light);border-color:var(--component-border);color:var(--text-on-dark);transform:translateY(-3px);box-shadow:var(--embossed-shadow),var(--soft-glow)}.modern-glass-button:hover:after{left:100%}.modern-glass-button.primary{background:var(--frosted-glass);color:var(--primary);border-color:#f7da594d}.modern-glass-button.primary:hover{background:#f7da5926;border-color:var(--primary);box-shadow:var(--embossed-shadow),var(--glow-effect)}.modern-glass-button.accent{background:var(--frosted-glass);color:var(--accent);border-color:#444f604d}.modern-glass-button.accent:hover{background:#444f6026;border-color:var(--accent);color:var(--text-on-dark)}.modern-glass-button.small{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);backdrop-filter:var(--backdrop-blur-light)}.modern-glass-button.large{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg);font-weight:700;backdrop-filter:var(--backdrop-blur-heavy)}.modern-glass-input{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);background:var(--frosted-glass);backdrop-filter:var(--backdrop-blur-light);border:1px solid var(--frosted-glass-border);border-radius:var(--border-radius-md);color:var(--text-primary);transition:all var(--transition-normal);font-family:Atkinson,sans-serif;box-shadow:var(--embossed-shadow-light)}.modern-glass-input:focus{outline:none;border-color:var(--primary);background:var(--frosted-glass-light);backdrop-filter:var(--backdrop-blur-medium);box-shadow:var(--embossed-shadow),var(--soft-glow)}.modern-glass-input::placeholder{color:var(--text-muted)}.modern-glass-tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;transition:all var(--transition-fast);cursor:pointer;border:none;white-space:nowrap;backdrop-filter:var(--backdrop-blur-light);background:var(--frosted-glass);color:var(--text-secondary);border:1px solid var(--frosted-glass-border)}.modern-glass-tag:hover{background:var(--frosted-glass-light);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--embossed-shadow-light),0 4px 12px #f7da591a}.modern-glass-tag.primary{background:#f7da591a;color:var(--primary);border-color:#f7da594d}.modern-glass-tag.primary:hover{background:#f7da5933;box-shadow:var(--embossed-shadow-light),var(--glow-effect)}.modern-glass-nav{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--frosted-glass);backdrop-filter:var(--backdrop-blur-medium);border-radius:var(--border-radius-lg);border:1px solid var(--frosted-glass-border);box-shadow:var(--embossed-shadow-light)}.modern-glass-nav.vertical{flex-direction:column;gap:var(--spacing-xs)}.modern-glass-nav-item{padding:var(--spacing-sm) var(--spacing-lg);color:var(--text-secondary);text-decoration:none;border-radius:var(--border-radius-md);transition:all var(--transition-normal);font-weight:600;position:relative;backdrop-filter:var(--backdrop-blur-light)}.modern-glass-nav-item:hover{background:var(--frosted-glass-light);color:var(--text-primary);transform:translateY(-1px)}.modern-glass-nav-item.active{background:#f7da5926;color:var(--primary);box-shadow:var(--embossed-shadow-light)}.modern-glass-nav-item.active:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:16px;height:2px;background:var(--primary);border-radius:1px}.modern-glass-progress{width:100%;height:6px;background:var(--frosted-glass);backdrop-filter:var(--backdrop-blur-light);border-radius:var(--border-radius-full);overflow:hidden;position:relative;box-shadow:var(--embossed-shadow-light)}.modern-glass-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-dark));border-radius:var(--border-radius-full);transition:width .6s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.modern-glass-progress-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:modern-shimmer 1.5s infinite}@keyframes modern-shimmer{0%{left:-100%}to{left:100%}}.modern-glass-divider{display:flex;align-items:center;text-align:center;margin:var(--spacing-xl) 0;color:var(--text-muted);font-size:var(--font-size-sm)}.modern-glass-divider:before,.modern-glass-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--frosted-glass-border),transparent)}.modern-glass-divider span{padding:0 var(--spacing-lg);background:var(--frosted-glass);backdrop-filter:var(--backdrop-blur-light);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid var(--frosted-glass-border)}.modern-glass-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.modern-glass-grid.compact{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.modern-glass-grid.spacious{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}@media(max-width:768px){.modern-glass-container,.modern-glass-card{padding:var(--spacing-lg)}.modern-glass-button{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm)}.modern-glass-button.large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base)}.modern-glass-nav{flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm)}.modern-glass-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}@media(max-width:480px){.modern-glass-container,.modern-glass-card{padding:var(--spacing-md);border-radius:var(--border-radius-md)}.modern-glass-button{width:100%;justify-content:center}.modern-glass-tag{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}}footer[data-astro-cid-sz7xmlte]{padding:3em 1em 6em;background:var(--frosted-glass);color:var(--text-primary);text-align:center;backdrop-filter:var(--backdrop-blur-medium);box-shadow:var(--embossed-shadow),var(--edge-glow-blue);position:relative;border-top:none;margin-top:4rem}footer[data-astro-cid-sz7xmlte]:before{content:"";position:absolute;inset:0;background:var(--gradient-glow-blue);pointer-events:none;opacity:.3;z-index:0}footer[data-astro-cid-sz7xmlte]:after{content:"";position:absolute;inset:0;background:var(--glossy-surface);pointer-events:none;opacity:.15;z-index:1}.social-links[data-astro-cid-sz7xmlte]{display:flex;justify-content:center;gap:1.5em;margin-top:1.5em;position:relative;z-index:2}.social-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{text-decoration:none;color:var(--text-secondary);transition:all var(--transition-fast)}.social-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--primary);transform:translateY(-3px);filter:drop-shadow(0 4px 8px rgba(247,218,89,.3))}a[data-astro-cid-eimmu3lg]{display:inline-block;text-decoration:none;color:inherit}a[data-astro-cid-eimmu3lg].active{font-weight:600;color:var(--primary);position:relative}a[data-astro-cid-eimmu3lg].active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:3px;background:var(--primary-gradient);border-radius:2px}.tech-header[data-astro-cid-3ef6ksr2]{background:var(--frosted-glass);backdrop-filter:var(--backdrop-blur-heavy);border-bottom:none;position:sticky;top:0;z-index:100;box-shadow:var(--embossed-shadow),var(--edge-glow-yellow-orange);position:relative}.tech-header[data-astro-cid-3ef6ksr2]:before{content:"";position:absolute;inset:0;background:var(--gradient-glow-yellow-orange);pointer-events:none;opacity:.25;z-index:-1}.tech-header[data-astro-cid-3ef6ksr2]:after{content:"";position:absolute;inset:0;background:var(--glossy-surface);pointer-events:none;opacity:.1;z-index:-1}.tech-header[data-astro-cid-3ef6ksr2] nav[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-2xl);max-width:1400px;margin:0 auto}.header-brand[data-astro-cid-3ef6ksr2] h2[data-astro-cid-3ef6ksr2]{margin:0;font-size:var(--font-size-2xl);font-weight:800}.tech-primary-gradient-text[data-astro-cid-3ef6ksr2]{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;font-weight:800;transition:all var(--transition-normal);display:inline-block;position:relative}.tech-primary-gradient-text[data-astro-cid-3ef6ksr2]:hover{text-shadow:var(--glow-effect);transform:translateY(-1px)}.tech-primary-gradient-text[data-astro-cid-3ef6ksr2]:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-gradient);transition:width var(--transition-normal)}.tech-primary-gradient-text[data-astro-cid-3ef6ksr2]:hover:after{width:100%}.header-nav[data-astro-cid-3ef6ksr2]{display:flex;gap:var(--spacing-xl);align-items:center}@media(max-width:768px){.tech-header[data-astro-cid-3ef6ksr2] nav[data-astro-cid-3ef6ksr2]{padding:var(--spacing-md) var(--spacing-lg);flex-wrap:wrap}.header-brand[data-astro-cid-3ef6ksr2]{flex:1;text-align:left}.header-brand[data-astro-cid-3ef6ksr2] h2[data-astro-cid-3ef6ksr2]{font-size:var(--font-size-xl)}.header-nav[data-astro-cid-3ef6ksr2]{width:100%;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-sm);order:2;flex-wrap:wrap}.header-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{text-align:center;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);white-space:nowrap}}@media(max-width:480px){.tech-header[data-astro-cid-3ef6ksr2] nav[data-astro-cid-3ef6ksr2]{flex-direction:column;align-items:center}.header-brand[data-astro-cid-3ef6ksr2]{text-align:center;margin-bottom:var(--spacing-xs);width:100%}.header-nav[data-astro-cid-3ef6ksr2]{gap:var(--spacing-sm);justify-content:center}.header-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);flex:0 0 auto}}