*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #2563eb;--primary-blue-dark: #1d4ed8;--primary-blue-light: #3b82f6;--accent-blue: #60a5fa;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--border-color: #e2e8f0;--header-height: 78px;--container-max: 1200px;--toc-width: 280px;--toc-gutter: 24px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-base: .875rem;--font-size-xs: calc(var(--font-size-base) * .8);--font-size-sm: calc(var(--font-size-base) * .9);--font-size-md: var(--font-size-base);--font-size-lg: calc(var(--font-size-base) * 1.125);--font-size-xl: calc(var(--font-size-base) * 1.25);--font-size-2xl: calc(var(--font-size-base) * 1.5);--font-size-3xl: calc(var(--font-size-base) * 1.875);--font-size-4xl: calc(var(--font-size-base) * 2.25);--font-size-5xl: calc(var(--font-size-base) * 2.75)}body{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6;font-size:var(--font-size-md)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;height:var(--header-height)}main{margin-top:var(--header-height)}nav .nav-container{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);gap:.5rem}.logo-audio-container{display:flex;align-items:center;position:relative}.logo-link{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo-name{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;transition:color .2s ease}.logo-link:hover .logo-name{color:var(--primary-color)}.logo-avatar-wrapper{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.logo-progress-ring{position:absolute;top:0;left:0;width:48px;height:48px;transform:rotate(-90deg);opacity:0;transition:opacity .3s ease}.logo-progress-ring.active{opacity:1}.logo-progress-bg{fill:none;stroke:#2563eb1a;stroke-width:2}.logo-progress-circle{fill:none;stroke:url(#logo-audio-gradient);stroke-width:2;stroke-linecap:round;stroke-dasharray:0 1000;stroke-dashoffset:0;transition:stroke-dasharray .3s ease,stroke-dashoffset .3s ease}.logo-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--primary-blue);object-fit:cover;position:relative;z-index:1;transition:all .3s ease}.logo-avatar-wrapper.playing .logo-avatar{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;animation:logo-pulse 2s ease-in-out infinite}.logo-avatar-wrapper.playing:hover .logo-avatar{transform:scale(1.08);box-shadow:0 0 0 5px #3b82f666}.logo-avatar-wrapper.playing:hover{cursor:pointer}.logo-avatar-wrapper.playing:hover .logo-progress-ring{filter:brightness(1.2)}@keyframes logo-pulse{0%,to{box-shadow:0 0 0 3px #3b82f633}50%{box-shadow:0 0 0 6px #3b82f61a}}.logo-audio-control{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#000000b3;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.logo-avatar-wrapper.playing:hover .logo-audio-control{opacity:1}.logo-audio-control:hover{background:#000000d9}.logo-audio-control svg{pointer-events:none}.logo{font-size:var(--font-size-2xl);font-weight:700;color:var(--primary-blue)}.nav-links{display:flex;list-style:none;gap:var(--spacing-lg)}.nav-links a{text-decoration:none;color:var(--text-secondary);font-weight:500;transition:color .3s ease}.nav-links a:hover{color:var(--primary-blue)}.article-announcement-banner{background:linear-gradient(135deg,#1e3a8a,#2563eb,#3b82f6);margin-top:60px;position:relative;overflow:hidden;border-bottom:2px solid rgba(59,130,246,.3);box-shadow:0 4px 20px #1e3a8a40,inset 0 1px #ffffff1a}.article-announcement-banner:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(96,165,250,.3) 0%,transparent 25%),radial-gradient(circle at 70% 50%,rgba(147,197,253,.2) 0%,transparent 25%),linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);animation:shimmer 8s ease-in-out infinite;pointer-events:none}@keyframes shimmer{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(5%,5%) rotate(1deg)}}.article-announcement-banner:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px;opacity:.5;pointer-events:none}.announcement-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:1.75rem 2.5rem;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center}.announcement-audio-player{position:relative;width:40px;height:40px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.announcement-progress-ring{position:absolute;top:0;left:0;transform:rotate(-90deg)}.announcement-progress-bg{fill:none;stroke:#ffffff4d;stroke-width:2.5}.announcement-progress-circle{fill:none;stroke:url(#announcement-audio-gradient);stroke-width:2.5;stroke-linecap:round;transition:stroke-dashoffset .3s ease}.announcement-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:#fffffff2;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#2563eb;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003}.announcement-play-button:hover{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 4px 12px #0000004d;background:#fff}.announcement-audio-player.playing .announcement-play-button:hover{transform:translate(-50%,-50%) scale(1.12);box-shadow:0 6px 16px #2563eb66;background:#fff}.announcement-play-button:active{transform:translate(-50%,-50%) scale(.95)}.announcement-waveform{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:2px;align-items:center;height:12px;opacity:0;pointer-events:none}.announcement-waveform.playing{opacity:1}.announcement-waveform .wave-bar{width:2px;height:8px;background:#2563eb;border-radius:1px;animation:wave 1s ease-in-out infinite}.announcement-waveform .wave-bar:nth-child(1){animation-delay:0s}.announcement-waveform .wave-bar:nth-child(2){animation-delay:.15s}.announcement-waveform .wave-bar:nth-child(3){animation-delay:.3s}.announcement-badge{background:linear-gradient(135deg,#fff,#f0f9ff);color:#1e40af;padding:.5rem 1.125rem;border-radius:8px;font-size:var(--font-size-xs);font-weight:800;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;box-shadow:0 4px 12px #0003,0 1px 3px #0000001a,inset 0 1px #fffc;border:1px solid rgba(255,255,255,.5);position:relative;overflow:hidden}.announcement-badge:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);animation:badge-shine 3s ease-in-out infinite}@keyframes badge-shine{0%,to{transform:translate(-100%) translateY(-100%)}50%{transform:translate(100%) translateY(100%)}}.announcement-badge:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:8px;background:linear-gradient(135deg,#60a5fa,#3b82f6);z-index:-1;opacity:0;animation:badge-glow 2s ease-in-out infinite}@keyframes badge-glow{0%,to{opacity:0}50%{opacity:.3}}.announcement-link{color:#fff;text-decoration:none;display:flex;flex-direction:column;gap:.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.announcement-link:before{content:"";position:absolute;bottom:-.25rem;left:0;width:0;height:2px;background:linear-gradient(90deg,#60a5fa,#93c5fd);transition:width .4s cubic-bezier(.4,0,.2,1);border-radius:2px}.announcement-link:hover:before{width:100%}.announcement-link:hover{transform:translateY(-2px)}.announcement-link strong{font-size:var(--font-size-xl);font-weight:800;color:#fff;line-height:1.3;display:block;text-shadow:0 2px 8px rgba(0,0,0,.2);letter-spacing:-.01em}.announcement-text{font-size:var(--font-size-sm);color:#ffffffd9;line-height:1.6;display:block;font-weight:400}.announcement-arrow{color:#fff;font-size:var(--font-size-xl);font-weight:400;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,#fff3,#ffffff1a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;box-shadow:0 4px 12px #00000026,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.announcement-arrow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;animation:arrow-pulse 2s ease-in-out infinite}@keyframes arrow-pulse{0%,to{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.announcement-link:hover .announcement-arrow{transform:translate(6px) scale(1.05);background:linear-gradient(135deg,#ffffff4d,#fff3);box-shadow:0 6px 20px #00000040,inset 0 1px #ffffff4d}#hero{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero-title{font-size:var(--font-size-5xl);font-weight:800;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.highlight{color:var(--primary-blue)}.hero-subtitle{font-size:var(--font-size-2xl);color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-weight:600}.hero-bio{font-size:var(--font-size-xl);color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.8;max-width:700px;margin-left:auto;margin-right:auto}.hero-quote{font-size:var(--font-size-2xl);font-style:italic;color:var(--primary-blue);font-weight:600;margin:var(--spacing-md) auto;padding:var(--spacing-sm) 0;max-width:600px;text-align:center;border:none;position:relative}.hero-quote:before{content:"";position:absolute;left:50%;transform:translate(-50%);top:-10px;width:60px;height:3px;background:linear-gradient(90deg,transparent,var(--primary-blue),transparent)}.hero-buttons{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap;margin-top:var(--spacing-md)}.announcement-section{background:linear-gradient(135deg,#1e3a8a,#1e40af);padding:2rem 0}.announcement-card{background:#fff;border-radius:.5rem;max-width:800px;margin:2rem auto;box-shadow:0 10px 30px #0000004d;overflow:hidden}.announcement-header{text-align:center;padding:1.5rem .75rem;background:#fff}.offer-title{font-size:var(--font-size-3xl);font-weight:900;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.02em;display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.limited-offer-badge{display:inline-block;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:var(--font-size-xs);font-weight:700;padding:.25rem .625rem;border-radius:6px;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px #ef44444d;animation:pulse-badge 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-badge{0%,to{box-shadow:0 2px 8px #ef44444d}50%{box-shadow:0 2px 12px #ef444480,0 0 0 4px #ef44441a}}.offer-subtitle{font-size:var(--font-size-md);color:var(--text-secondary);font-weight:600;margin:0}.offer-details{padding:.75rem;background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.offer-focus{display:flex;flex-direction:column;gap:.4375rem;margin-bottom:.4375rem}.focus-item{display:flex;align-items:center;justify-content:center;gap:.4375rem}.focus-icon{font-size:var(--font-size-2xl);flex-shrink:0}.focus-text{font-size:var(--font-size-md);color:var(--text-primary);font-weight:600}.offer-includes{padding-top:1rem;border-top:1px solid var(--border-color)}.offer-includes p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;text-align:center}.offer-includes strong{color:var(--text-primary);font-weight:700}.offer-cta{text-align:center;background:#fff;padding:1.5rem .75rem}.btn-book{display:inline-block;padding:.4375rem 1.25rem;background:var(--primary-blue);color:#fff;font-size:var(--font-size-lg);font-weight:700;border-radius:.25rem;text-decoration:none;transition:all .2s ease;box-shadow:0 2px 6px #2563eb4d}.btn-book:hover{background:var(--primary-blue-dark);transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66}.offer-cta .cta-note{margin-top:.625rem;font-size:var(--font-size-xs);color:var(--text-secondary)}@media(max-width:768px){.article-announcement-banner{margin-top:60px}.announcement-content{grid-template-columns:1fr;gap:1.25rem;padding:1.5rem;text-align:center}.announcement-badge{justify-self:center;padding:.4rem .875rem;font-size:calc(var(--font-size-xs) * .9);letter-spacing:.1em}.announcement-link{order:2;gap:.625rem}.announcement-link:before{left:50%;transform:translate(-50%)}.announcement-link:hover:before{width:80%}.announcement-link strong{font-size:var(--font-size-lg);font-weight:700}.announcement-text{font-size:var(--font-size-xs);line-height:1.5}.announcement-arrow{display:none}.announcement-link:hover{transform:translateY(-1px)}.announcement-section{padding:.75rem 0}.announcement-header{padding:.75rem .5rem .5rem}.offer-title{font-size:var(--font-size-2xl)}.limited-offer-badge{font-size:.625rem;padding:.2rem .5rem}.offer-subtitle{font-size:var(--font-size-sm)}.offer-details{padding:.5rem}.offer-focus{gap:.375rem}.focus-icon{font-size:var(--font-size-xl)}.focus-text{font-size:var(--font-size-sm)}.offer-includes{padding-top:.4375rem}.offer-includes p{font-size:var(--font-size-xs)}.offer-cta{padding:.5rem .5rem .75rem}.btn-book{font-size:var(--font-size-md);padding:.375rem 1rem}}.btn{display:inline-block;padding:.4375rem 1rem;border-radius:.25rem;text-decoration:none;font-weight:600;transition:all .3s ease;border:1px solid transparent}.btn-primary{color:#fff;background-color:var(--primary-blue)}.btn-primary:hover{transform:translateY(-2px);background-color:var(--primary-blue-dark);box-shadow:0 10px 20px #2563eb33}.btn-secondary{color:#fff;background-color:var(--primary-blue)}.btn-secondary:hover{transform:translateY(-2px);background-color:var(--primary-blue-dark);box-shadow:0 10px 20px #2563eb33}section{padding:var(--spacing-lg) 0}section:nth-child(2n){background-color:var(--bg-secondary)}.section-title.negative{color:#fff}.section-title{font-size:var(--font-size-4xl);font-weight:700;text-align:center;margin-bottom:var(--spacing-lg);color:var(--text-primary);position:relative}.section-title:after{content:"";display:block;width:60px;height:4px;background-color:var(--primary-blue);margin:var(--spacing-sm) auto 0;border-radius:2px}.about-content{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-lg);align-items:start}.about-photo{position:sticky;top:100px}.profile-photo{width:100%;height:auto;border-radius:1rem;box-shadow:0 10px 40px #0000001a;border:3px solid var(--primary-blue)}.about-text p{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.8}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.skill-card{background-color:var(--bg-primary);padding:var(--spacing-md);border-radius:.75rem;border:1px solid var(--border-color);transition:all .3s ease}.skill-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a;border-color:var(--primary-blue)}.skill-card h3{font-size:var(--font-size-xl);color:var(--primary-blue);margin-bottom:var(--spacing-sm);font-weight:700}.skill-card ul{list-style:none}.skill-card li{padding:var(--spacing-xs) 0;color:var(--text-secondary);position:relative;padding-left:1.5rem}.skill-card li:before{content:"▹";position:absolute;left:0;color:var(--primary-blue);font-weight:700}#projects{padding:3rem 0}#projects .section-subtitle{text-align:center;color:var(--text-secondary);font-size:var(--font-size-lg);margin:-.5rem auto 2.5rem;max-width:600px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.project-status{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.project-status.status-proposed{background-color:#dbeafe;color:#1e40af}.project-status.status-active{background-color:#d1fae5;color:#065f46}.project-status.status-completed{background-color:#e0e7ff;color:#4338ca}.project-status.status-beta{background-color:#fef3c7;color:#92400e}.project-status.status-dev{background-color:#f3e8ff;color:#6b21a8}.project-hero{background:linear-gradient(135deg,#f8fafc,#e0e7ff);padding:4rem 0 3rem;position:relative;overflow:hidden}.project-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(37,99,235,.1),transparent 50%);pointer-events:none}.project-hero-content{text-align:center;position:relative;z-index:1}.project-audio-player{display:inline-flex;align-items:center;justify-content:center;position:relative;margin-bottom:2rem;cursor:pointer}.project-progress-ring{position:absolute;top:0;left:0;transform:rotate(-90deg)}.project-progress-bg{fill:none;stroke:#2563eb1a;stroke-width:3}.project-progress-circle{fill:none;stroke:url(#project-audio-gradient);stroke-width:3;stroke-linecap:round;stroke-dasharray:176;stroke-dashoffset:176;transition:stroke-dashoffset .3s ease}.project-play-button{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d}.project-play-button:hover{transform:scale(1.05);box-shadow:0 6px 20px #2563eb66}.project-waveform{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);display:flex;gap:3px;opacity:0;transition:opacity .3s ease}.project-audio-player.playing .project-waveform{opacity:1}.project-waveform .wave-bar{width:3px;height:12px;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:2px;animation:wave 1s ease-in-out infinite}.project-waveform .wave-bar:nth-child(2){animation-delay:.1s}.project-waveform .wave-bar:nth-child(3){animation-delay:.2s}.project-waveform .wave-bar:nth-child(4){animation-delay:.3s}@keyframes wave{0%,to{height:12px}50%{height:20px}}.project-title{font-size:3rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem;line-height:1.2}.project-tagline{font-size:1.5rem;color:var(--text-secondary);margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.5}.project-meta{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.project-budget{font-size:1.25rem;font-weight:700;color:var(--primary-blue)}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.project-section{padding:4rem 0}.project-section:nth-child(2n){background-color:var(--bg-secondary)}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.section-subtitle{font-size:1.25rem;max-width:700px;margin:0 auto}.problem-solution-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem;align-items:stretch}.problem-card,.solution-card{background:var(--bg-primary);padding:2rem;border-radius:1rem;border:2px solid var(--border-color);transition:all .3s ease;display:flex;flex-direction:column;height:100%}.problem-card{border-left:4px solid #ef4444}.solution-card{border-left:4px solid #10b981}.problem-card:hover,.solution-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.card-icon{font-size:3rem;margin-bottom:1rem}.problem-card h3,.solution-card h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.problem-card p,.solution-card p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7}.problem-list,.solution-list{list-style:none;padding:0;margin:0;flex-grow:1}.problem-list li,.solution-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-secondary)}.problem-list li:before{content:"✗";position:absolute;left:0;color:#ef4444;font-weight:700}.solution-list li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card{background:var(--bg-primary);padding:2rem;border-radius:1rem;border:1px solid var(--border-color);transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a;border-color:var(--primary-blue)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.feature-card p{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.feature-tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech-badge{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,#e0e7ff,#dbeafe);color:var(--primary-blue);border-radius:1rem;font-size:.75rem;font-weight:600}.architecture-layers{max-width:800px;margin:0 auto}.arch-layer{display:flex;align-items:center;gap:2rem;padding:1.5rem;background:var(--bg-primary);border-radius:1rem;border:1px solid var(--border-color);margin-bottom:1rem;transition:all .3s ease}.arch-layer:hover{transform:translate(10px);border-color:var(--primary-blue);box-shadow:0 4px 12px #2563eb1a}.layer-number{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.layer-content h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.layer-content p{color:var(--text-secondary);line-height:1.6;margin:0}.roadmap-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.roadmap-phase{position:relative;padding-top:4rem}.phase-marker{position:absolute;top:0;left:50%;transform:translate(-50%);width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;box-shadow:0 4px 12px #2563eb4d}.phase-content{background:var(--bg-primary);padding:2rem;border-radius:1rem;border:1px solid var(--border-color);text-align:center;transition:all .3s ease}.phase-content:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a;border-color:var(--primary-blue)}.phase-content h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.phase-content p{color:var(--text-secondary);line-height:1.6;margin:0}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.impact-card{background:var(--bg-primary);padding:2rem;border-radius:1rem;border:1px solid var(--border-color);text-align:center;transition:all .3s ease}.impact-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a;border-color:var(--primary-blue)}.impact-icon{font-size:3rem;margin-bottom:1rem}.impact-card h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.impact-card p{color:var(--text-secondary);line-height:1.7;margin:0}.project-cta{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}.cta-content{text-align:center;max-width:800px;margin:0 auto}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.cta-content p{font-size:1.25rem;margin-bottom:2rem;opacity:.95}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:1rem 2rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:all .3s ease;border:2px solid transparent}.hero-buttons .btn-primary{background-color:var(--primary-blue);color:#fff;border:2px solid var(--primary-blue)}.hero-buttons .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003;background-color:var(--primary-blue-dark);color:#fff}.hero-buttons .btn-secondary{background-color:transparent;color:var(--primary-blue);border:2px solid var(--primary-blue)}.hero-buttons .btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.container-wide{max-width:1400px;margin:0 auto;padding:0 2rem}.section-label{display:inline-block;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary-blue);margin-bottom:1rem}.section-intro{font-size:1.25rem;color:var(--text-secondary);max-width:800px;margin:1rem auto 0;line-height:1.7}.project-hero-new{position:relative;padding:6rem 0 5rem;overflow:hidden;background:#fff}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.hero-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#f8fafc,#e0e7ff,#dbeafe)}.hero-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(37,99,235,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.05) 0%,transparent 50%)}.project-hero-content-new{position:relative;z-index:1;text-align:center;max-width:900px;margin:0 auto}.hero-top{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem}.hero-status{display:inline-block;padding:.5rem 1.25rem;border-radius:2rem;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.hero-status.status-proposed{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.hero-status.status-active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.hero-audio-player{display:inline-flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.hero-progress-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg)}.hero-progress-bg{fill:none;stroke:#2563eb26;stroke-width:2.5}.hero-progress-circle{fill:none;stroke:url(#hero-audio-gradient);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:132;stroke-dashoffset:132;transition:stroke-dashoffset .3s ease}.hero-play-button{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d}.hero-play-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #2563eb66}.hero-waveform{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);display:flex;gap:2px;opacity:0;transition:opacity .3s ease}.hero-audio-player.playing .hero-waveform{opacity:1}.hero-waveform .wave-bar{width:2.5px;height:10px;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:2px;animation:wave 1s ease-in-out infinite}.hero-waveform .wave-bar:nth-child(2){animation-delay:.1s}.hero-waveform .wave-bar:nth-child(3){animation-delay:.2s}.project-title-new{font-size:3.5rem;font-weight:900;color:var(--text-primary);margin-bottom:1.5rem;line-height:1.1;letter-spacing:-.02em}.project-tagline-new{font-size:1.75rem;color:var(--text-secondary);margin-bottom:3rem;line-height:1.4;font-weight:500}.hero-meta{display:flex;align-items:center;justify-content:center;gap:3rem;margin-bottom:2rem;padding:2rem;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;border:1px solid rgba(37,99,235,.1)}.hero-meta-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.meta-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.meta-value{font-size:1.5rem;font-weight:700;color:var(--primary-blue)}.hero-tags{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.hero-tag{display:inline-block;padding:.5rem 1rem;background:#ffffffe6;border:1px solid rgba(37,99,235,.2);border-radius:.5rem;font-size:.875rem;font-weight:600;color:var(--primary-blue);transition:all .3s ease}.hero-tag:hover{background:var(--primary-blue);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.project-hero-redesigned{position:relative;padding:0 0 4rem;overflow:hidden;background:#fff}.hero-layout{display:flex;flex-direction:column;gap:3rem;align-items:center;position:relative;z-index:1}.hero-video-section{position:relative;width:100%;max-width:900px;margin:0 auto}.hero-video-audio{display:flex;align-items:center;justify-content:center;pointer-events:auto}.hero-video-audio-label{font-size:.9rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem;text-align:center}.project-video-container{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:1.5rem;overflow:hidden;box-shadow:0 20px 60px #00000026;transition:all .4s cubic-bezier(.4,0,.2,1)}.project-video-container:hover{transform:translateY(-8px);box-shadow:0 30px 80px #0003}.project-video-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1e3a8a,#2563eb,#3b82f6);opacity:.95;z-index:1}.project-video-content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;z-index:2;pointer-events:none}.project-video-icon{font-size:5rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.project-video-label{color:#fff;font-size:1.25rem;font-weight:600;text-align:center;padding:0 2rem;text-shadow:0 2px 8px rgba(0,0,0,.3)}.project-audio-player{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-left:0;z-index:100}.hero-info-section{display:flex;flex-direction:column;gap:1.5rem;text-align:center;max-width:900px;width:100%}.project-title-redesigned{font-size:3rem;font-weight:900;color:var(--text-primary);margin:0;line-height:1.1;letter-spacing:-.02em}.project-title-row{display:inline-flex;align-items:baseline;gap:.5rem}.project-title-row .article-list-audio-player{margin-left:0}.project-title-audio-player{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center}.project-title-audio-player .list-progress-ring{width:36px;height:36px}.project-title-audio-player .list-play-button{width:24px;height:24px;background:#fff;color:#2563eb;box-shadow:0 0 0 2px #2563eb29,0 4px 10px #0f172a2e}.project-title-audio-player .list-play-button:hover{transform:translate(-50%,-50%) scale(1.06)}.project-tagline-redesigned{font-size:1.5rem;color:#2563eb;margin:0;line-height:1.4;font-weight:600}.project-description-redesigned{font-size:1.125rem;color:var(--text-secondary);margin:0;line-height:1.7}.hero-tags-redesigned{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem;justify-content:center}@media(max-width:1024px){.project-title-redesigned{font-size:2.5rem}.project-tagline-redesigned{font-size:1.25rem}}@media(max-width:768px){.project-hero-redesigned{padding:3rem 0}.hero-layout{gap:2rem}.project-title-redesigned{font-size:2rem}.project-tagline-redesigned{font-size:1.125rem}.project-description-redesigned{font-size:1rem}.video-play-button{width:80px;height:80px}.video-play-button .play-icon,.video-play-button .pause-icon{width:24px;height:24px}.video-progress-ring{width:80px;height:80px}.video-progress-bg,.video-progress-circle{r:36}.thumbnail-icon{font-size:3rem}.thumbnail-label{font-size:1rem}}.project-exec-summary{padding:4rem 0;background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff}.exec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.exec-stat{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.exec-stat:hover{background:#ffffff26;transform:translateY(-5px);box-shadow:0 10px 30px #0003}.stat-icon{font-size:3rem;line-height:1}.stat-content{flex:1}.stat-value{font-size:2rem;font-weight:800;margin-bottom:.25rem;line-height:1}.stat-label{font-size:.875rem;opacity:.9;font-weight:500}.problem-solution-section{padding:4rem 0;background:linear-gradient(135deg,#f8fafc,#e0e7ff,#f8fafc)}.ps-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.ps-column{display:flex;flex-direction:column;gap:1.5rem}.ps-header{text-align:center}.ps-badge{display:inline-block;padding:.5rem 1.25rem;border-radius:2rem;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.ps-badge-problem{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border:2px solid #fca5a5}.ps-badge-solution{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;border:2px solid #6ee7b7}.ps-title{font-size:1.75rem;font-weight:800;margin-bottom:.75rem;line-height:1.2}.ps-problem .ps-title{color:#dc2626}.ps-solution .ps-title{background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ps-intro{font-size:.9375rem;line-height:1.6;color:var(--text-secondary)}.ps-cards{display:flex;flex-direction:column;gap:1rem}.ps-card{display:flex;gap:1rem;padding:1.25rem;background:#fff;border-radius:.75rem;transition:all .3s ease;position:relative}.ps-problem .ps-card{border:2px solid #fecaca}.ps-solution .ps-card{border:2px solid #a7f3d0}.ps-problem .ps-card:hover{border-color:#ef4444;transform:translateY(-4px);box-shadow:0 8px 24px #ef444426}.ps-solution .ps-card:hover{border-color:#10b981;transform:translateY(-4px);box-shadow:0 8px 24px #10b98126}.ps-icon{flex-shrink:0;width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.ps-problem .ps-icon{background:linear-gradient(135deg,#fee2e2,#fecaca)}.ps-solution .ps-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.ps-content{flex:1}.ps-content h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.ps-content p{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin:0}@media(max-width:1024px){.ps-grid{grid-template-columns:1fr;gap:3rem}.ps-title{font-size:1.5rem}}@media(max-width:768px){.problem-solution-section{padding:3rem 0}.ps-title{font-size:1.25rem}.ps-intro{font-size:.875rem}.ps-card{padding:1rem}.ps-icon{width:2.5rem;height:2.5rem;font-size:1.25rem}}.dual-headers{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:1.5rem;position:relative;z-index:1}.problem-header,.solution-header{text-align:center}.side-label{display:inline-block;padding:.3rem .875rem;border-radius:2rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.problem-label{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border:2px solid #fca5a5}.solution-label{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;border:2px solid #6ee7b7}.side-title{font-size:1.5rem;font-weight:800;margin-bottom:.375rem;line-height:1.2}.problem-header .side-title{color:#dc2626}.solution-header .side-title{background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.side-intro{font-size:.875rem;line-height:1.4;color:var(--text-secondary);max-width:480px;margin:0 auto}.comparison-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;position:relative;z-index:1;max-width:1200px;margin:0 auto}.comparison-column{display:flex;flex-direction:column;gap:.75rem}.comparison-item{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.25rem;background:#fff;border-radius:.625rem;border:2px solid var(--border-color);transition:all .3s ease;min-height:60px}.problem-column .comparison-item{border-left:3px solid #ef4444}.problem-column .comparison-item:hover{transform:translate(-3px);box-shadow:0 2px 8px #ef444426;border-color:#ef4444}.solution-column .comparison-item{border-right:3px solid #10b981}.solution-column .comparison-item:hover{transform:translate(3px);box-shadow:0 2px 8px #10b98126;border-color:#10b981}.comparison-icon{font-size:1.375rem;flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:.5rem}.problem-icon{background:linear-gradient(135deg,#fee2e2,#fecaca)}.solution-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.comparison-number{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8125rem;flex-shrink:0;box-shadow:0 2px 6px #2563eb4d}.comparison-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.comparison-title{font-size:.875rem;font-weight:700;color:var(--text-primary);line-height:1.3}.comparison-desc{font-size:.75rem;font-weight:400;color:var(--text-secondary);line-height:1.5}.comparison-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:100%}.comparison-divider .divider-line{width:2px;flex-grow:1;background:linear-gradient(180deg,#ef44444d,#9333ea80,#22c55e4d)}.comparison-divider .divider-icon{font-size:2rem;font-weight:700;color:#9333ea;flex-shrink:0;animation:pulse 2s ease-in-out infinite}.architecture-stack-section{padding:3rem 0;min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#0f172a,#1e3a8a 40%,#2563eb,#3b82f6);position:relative;overflow:hidden}.architecture-stack-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(147,51,234,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.15) 0%,transparent 50%);pointer-events:none}.stack-header{text-align:center;margin-bottom:1.5rem;position:relative;z-index:1}.stack-header .section-label{display:inline-block;padding:.25rem 1rem;background:#ffffff1a;color:#fff;border-radius:2rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;margin-bottom:.5rem;border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0003}.stack-header h2{font-size:1.875rem;font-weight:900;color:#fff;margin-bottom:.5rem;line-height:1.1;text-shadow:0 2px 20px rgba(0,0,0,.3)}.stack-header .section-intro{font-size:.875rem;color:#ffffffd9;max-width:650px;margin:0 auto;line-height:1.4}.architecture-stack{max-width:1100px;margin:0 auto;padding:0 2rem;position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center}.stack-layer{display:grid;grid-template-columns:80px 1fr;gap:1rem;align-items:stretch;margin-bottom:.875rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.stack-layer:hover{transform:translate(8px)}.stack-layer:last-child{margin-bottom:0}.layer-left-side{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;position:relative}.layer-number-large{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.75rem;color:#fff;box-shadow:0 6px 24px #0006;position:relative;z-index:2;transition:all .4s ease}.stack-layer:hover .layer-number-large{transform:scale(1.1) rotate(5deg);box-shadow:0 10px 40px #00000080}.layer-badge{font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffffe6;background:#ffffff1a;padding:.1875rem .5rem;border-radius:.625rem;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.layer-right-side{background:#fffffffa;border-radius:.875rem;padding:1rem 1.5rem;box-shadow:0 8px 32px #00000040;border:2px solid rgba(255,255,255,.5);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.stack-layer:hover .layer-right-side{box-shadow:0 12px 48px #00000059;background:#fff;transform:translateY(-3px)}.layer-header-row{display:flex;align-items:center;gap:.625rem;margin-bottom:.5rem}.layer-icon-large{font-size:1.5rem;line-height:1;flex-shrink:0}.layer-title{font-size:1.0625rem;font-weight:800;margin:0;line-height:1.2;white-space:nowrap;color:#1e293b}.layer-desc{font-size:.8125rem;color:#475569;line-height:1.4;margin-bottom:.625rem}.layer-features{display:flex;flex-wrap:wrap;gap:.375rem}.feature-tag{display:inline-flex;align-items:center;gap:.3125rem;padding:.3125rem .625rem;background:linear-gradient(135deg,#2563eb14,#3b82f61f);border:1.5px solid rgba(37,99,235,.25);border-radius:.4375rem;font-size:.6875rem;font-weight:600;color:#1e40af;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #2563eb1a}.feature-tag .tag-icon{font-size:.8125rem;line-height:1}.feature-tag:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66}.layer-connector{position:absolute;left:40px;top:-1.125rem;display:flex;flex-direction:column;align-items:center;gap:.1875rem;z-index:1}.connector-line{width:2px;height:18px;background:linear-gradient(180deg,#fff9,#ffffff4d);border-radius:2px;box-shadow:0 0 10px #ffffff4d}.connector-arrow{font-size:1rem;color:#ffffffe6;font-weight:700;animation:float-arrow 2.5s ease-in-out infinite;text-shadow:0 2px 12px rgba(0,0,0,.4);line-height:1}.connector-label{font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffffb3;background:#ffffff1a;padding:.125rem .375rem;border-radius:.3125rem;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes float-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.layer-4 .layer-number-large{background:linear-gradient(135deg,#9333ea,#a855f7,#c084fc);box-shadow:0 8px 32px #9333ea80}.layer-4 .layer-right-side{border-left:5px solid #9333ea;box-shadow:0 10px 40px #9333ea26}.layer-4:hover .layer-right-side{box-shadow:0 16px 64px #9333ea40}.layer-3 .layer-number-large{background:linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa);box-shadow:0 8px 32px #2563eb80}.layer-3 .layer-right-side{border-left:5px solid #2563eb;box-shadow:0 10px 40px #2563eb26}.layer-3:hover .layer-right-side{box-shadow:0 16px 64px #2563eb40}.layer-2 .layer-number-large{background:linear-gradient(135deg,#059669,#10b981,#34d399);box-shadow:0 8px 32px #05966980}.layer-2 .layer-right-side{border-left:5px solid #059669;box-shadow:0 10px 40px #05966926}.layer-2:hover .layer-right-side{box-shadow:0 16px 64px #05966940}.layer-1 .layer-number-large{background:linear-gradient(135deg,#dc2626,#ef4444,#f87171);box-shadow:0 8px 32px #dc262680}.layer-1 .layer-right-side{border-left:5px solid #dc2626;box-shadow:0 10px 40px #dc262626}.layer-1:hover .layer-right-side{box-shadow:0 16px 64px #dc262640}.project-features-new{padding:5rem 0;background:var(--bg-primary)}.features-header{text-align:center;margin-bottom:4rem}.features-header h2{font-size:3rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem}.project-features-new{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);position:relative;overflow:hidden;padding:4rem 0}.project-features-new:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(96,165,250,.1),transparent 50%),radial-gradient(circle at 80% 50%,rgba(167,139,250,.1),transparent 50%);pointer-events:none}.project-features-new .container{position:relative;z-index:1}.project-features-new .features-header{text-align:center;margin-bottom:3rem}.project-features-new .section-label{color:#93c5fd}.project-features-new .features-header h2{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2.5rem}.layers-stack{display:flex;flex-direction:column;gap:.75rem}.layer-row{display:grid;grid-template-columns:240px 1fr;gap:2rem;padding:1.25rem 1.75rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.4,0,.2,1);align-items:center;position:relative}.layer-row:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1rem;padding:1px;background:linear-gradient(135deg,#60a5fa4d,#a78bfa4d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.layer-row:hover:before{opacity:1}.layer-row:hover{background:#ffffff14;transform:translate(8px) scale(1.01);box-shadow:0 0 40px #60a5fa33}.layer-row:nth-child(1){border-color:#60a5fa4d}.layer-row:nth-child(1):hover{box-shadow:0 0 40px #60a5fa4d}.layer-row:nth-child(2){border-color:#34d3994d}.layer-row:nth-child(2):hover{box-shadow:0 0 40px #34d3994d}.layer-row:nth-child(3){border-color:#f59e0b4d}.layer-row:nth-child(3):hover{box-shadow:0 0 40px #f59e0b4d}.layer-row:nth-child(4){border-color:#a78bfa80;background:#a78bfa14}.layer-row:nth-child(4):hover{box-shadow:0 0 40px #a78bfa66}.layer-left{display:flex;align-items:center;gap:1rem}.layer-number-badge{display:inline-block;padding:.375rem .75rem;background:#60a5fa33;color:#60a5fa;border:1px solid rgba(96,165,250,.3);border-radius:.375rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;flex-shrink:0}.layer-row:nth-child(1) .layer-number-badge{background:#60a5fa33;color:#60a5fa;border-color:#60a5fa4d}.layer-row:nth-child(2) .layer-number-badge{background:#34d39933;color:#34d399;border-color:#34d3994d}.layer-row:nth-child(3) .layer-number-badge{background:#f59e0b33;color:#f59e0b;border-color:#f59e0b4d}.layer-row:nth-child(4) .layer-number-badge{background:#a78bfa33;color:#a78bfa;border-color:#a78bfa4d}.layer-icon-row{font-size:2rem;line-height:1;flex-shrink:0;filter:drop-shadow(0 0 8px rgba(96,165,250,.5))}.layer-left h3{font-size:1.125rem;font-weight:700;color:#fff;margin:0;line-height:1.3}.layer-right{display:flex;align-items:center;gap:1.5rem}.layer-description{color:#fffc;line-height:1.5;margin:0;font-size:.875rem;flex:1;min-width:0}.layer-tech-inline{display:flex;gap:.375rem;flex-wrap:wrap;flex-shrink:0}.layer-row:nth-child(1) .tech-tag{background:#60a5fa26;color:#93c5fd;border:1px solid rgba(96,165,250,.3)}.layer-row:nth-child(2) .tech-tag{background:#34d39926;color:#6ee7b7;border:1px solid rgba(52,211,153,.3)}.layer-row:nth-child(3) .tech-tag{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.layer-row:nth-child(4) .tech-tag{background:#a78bfa26;color:#c4b5fd;border:1px solid rgba(167,139,250,.3)}.tech-tag{display:inline-block;padding:.25rem .625rem;border-radius:.25rem;font-size:.6875rem;font-weight:600;transition:all .3s ease}.tech-tag:hover{transform:translateY(-2px);filter:brightness(1.2)}.project-architecture-new{padding:5rem 0;background:var(--bg-secondary)}.arch-header{text-align:center;margin-bottom:4rem}.arch-header h2{font-size:3rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem}.project-architecture-dark{position:relative;overflow:hidden}.arch-dark-bg{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);padding:6rem 0;position:relative}.arch-dark-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(99,102,241,.1) 0%,transparent 50%);pointer-events:none}.arch-dark-header{text-align:center;margin-bottom:5rem;position:relative;z-index:1}.arch-dark-label{display:inline-block;padding:.5rem 1.5rem;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);border-radius:2rem;color:#c4b5fd;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem}.arch-dark-title{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem}.arch-dark-intro{font-size:1.25rem;color:#cbd5e1;max-width:800px;margin:0 auto;line-height:1.8}.arch-layers-container{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;position:relative;z-index:1}.arch-layer-card{position:relative;background:#1e1b4b99;border-radius:1.5rem;padding:2.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.arch-layer-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);opacity:0;transition:opacity .4s ease;pointer-events:none}.arch-layer-card:hover:before{opacity:1}.arch-layer-card:hover{transform:translateY(-12px) scale(1.02);border-color:#ffffff4d}.layer-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--layer-glow-color) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.arch-layer-card:hover .layer-glow{opacity:.15}.layer-presentation{--layer-glow-color: #60a5fa;--layer-accent: #60a5fa}.layer-integration{--layer-glow-color: #34d399;--layer-accent: #34d399}.layer-ai{--layer-glow-color: #f59e0b;--layer-accent: #f59e0b}.layer-blockchain{--layer-glow-color: #a78bfa;--layer-accent: #a78bfa;border:2px solid rgba(167,139,250,.3)}.layer-blockchain:hover{border-color:#a78bfa99;box-shadow:0 20px 60px #a78bfa4d}.layer-content{position:relative;z-index:2}.layer-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.layer-icon-large{font-size:3.5rem;line-height:1;filter:drop-shadow(0 0 20px var(--layer-accent))}.layer-meta{flex:1}.layer-number{display:inline-block;padding:.375rem 1rem;background:linear-gradient(135deg,var(--layer-accent),rgba(255,255,255,.1));color:#fff;border-radius:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;box-shadow:0 4px 12px #0000004d}.layer-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0;line-height:1.3}.layer-description{color:#cbd5e1;line-height:1.7;margin-bottom:2rem;font-size:.9375rem}.layer-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.layer-feature-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff0d;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.layer-feature-item:hover{background:#ffffff1a;border-color:var(--layer-accent);transform:translate(5px)}.feature-icon{font-size:1.25rem;line-height:1;flex-shrink:0}.layer-feature-item span:last-child{color:#e2e8f0;font-size:.875rem;font-weight:500}.layer-tech-stack{display:flex;flex-wrap:wrap;gap:.5rem}.tech-badge{padding:.5rem 1rem;border-radius:.5rem;font-size:.8125rem;font-weight:600;border:1px solid;transition:all .3s ease}.tech-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.tech-react{background:#61dafb1a;color:#61dafb;border-color:#61dafb4d}.tech-typescript{background:#3178c61a;color:#3178c6;border-color:#3178c64d}.tech-material{background:#2196f31a;color:#2196f3;border-color:#2196f34d}.tech-rest{background:#34d3991a;color:#34d399;border-color:#34d3994d}.tech-graphql{background:#e535ab1a;color:#e535ab;border-color:#e535ab4d}.tech-websocket{background:#10b9811a;color:#10b981;border-color:#10b9814d}.tech-python{background:#ffd43b1a;color:#ffd43b;border-color:#ffd43b4d}.tech-kotlin{background:#f59e0b1a;color:#f59e0b;border-color:#f59e0b4d}.tech-tensorflow{background:#fb923c1a;color:#fb923c;border-color:#fb923c4d}.tech-plutus{background:#a78bfa1a;color:#a78bfa;border-color:#a78bfa4d}.tech-cardano{background:#8b5cf61a;color:#8b5cf6;border-color:#8b5cf64d}.tech-haskell{background:#c4b5fd1a;color:#c4b5fd;border-color:#c4b5fd4d}.layer-connector{position:absolute;bottom:-2rem;left:50%;transform:translate(-50%);width:2px;height:2rem;display:none}.connector-line{width:100%;height:100%;background:linear-gradient(to bottom,var(--layer-accent),transparent);opacity:.5}.connector-pulse{position:absolute;top:0;left:50%;transform:translate(-50%);width:8px;height:8px;background:var(--layer-accent);border-radius:50%;box-shadow:0 0 20px var(--layer-accent);animation:pulse-down 2s ease-in-out infinite}@keyframes pulse-down{0%,to{top:0;opacity:1}50%{top:50%;opacity:.5}}.project-roadmap-new{padding:2.5rem 0;max-height:100vh;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#fff,#f8fafc);overflow:hidden;position:relative}.project-roadmap-new:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,rgba(37,99,235,.03) 1px,transparent 1px),linear-gradient(rgba(37,99,235,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;opacity:.5}.roadmap-header{text-align:center;margin-bottom:2rem;flex-shrink:0;position:relative;z-index:1}.roadmap-header .section-label{display:inline-block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary-blue);background:linear-gradient(135deg,#dbeafe,#eff6ff);padding:.375rem 1.25rem;border-radius:2rem;margin-bottom:.625rem;border:1px solid rgba(37,99,235,.2)}.roadmap-header h2{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:.625rem;letter-spacing:-.02em}.roadmap-header .section-intro{font-size:.9375rem;line-height:1.5;color:var(--text-secondary);margin-bottom:0;max-width:600px;margin-left:auto;margin-right:auto}.roadmap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;width:100%;margin:0 auto;flex-shrink:0;position:relative;z-index:1;align-items:stretch}.roadmap-quarter{padding:1.25rem;background:#fff;border-radius:1.25rem;border:2px solid #e5e7eb;transition:all .4s cubic-bezier(.4,0,.2,1);min-width:0;display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.roadmap-quarter:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2563eb,#3b82f6,#60a5fa);opacity:0;transition:opacity .4s ease}.roadmap-quarter:hover:before{opacity:1}.roadmap-quarter:hover{border-color:#2563eb;transform:translateY(-6px);box-shadow:0 20px 40px #2563eb1f,0 8px 16px #2563eb14}.quarter-header{display:flex;flex-direction:row;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6;text-align:left;position:relative}.quarter-badge{width:48px;height:48px;background:linear-gradient(135deg,#1d4ed8,#2563eb,#3b82f6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:800;flex-shrink:0;box-shadow:0 4px 14px #2563eb59,0 2px 6px #2563eb33;position:relative}.quarter-badge:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;border:2px solid rgba(37,99,235,.3);opacity:0;transition:opacity .4s ease}.roadmap-quarter:hover .quarter-badge:after{opacity:1}.quarter-header h3{font-size:1.0625rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.01em;flex:1}.quarter-duration{font-size:.75rem;color:var(--text-secondary);font-weight:600;background:#f3f4f6;padding:.25rem .625rem;border-radius:1rem;white-space:nowrap}.quarter-deliverables{flex:1;margin-bottom:.875rem}.quarter-deliverables h4{font-size:.75rem;font-weight:700;color:#1f2937;margin-bottom:.625rem;text-transform:uppercase;letter-spacing:.05em}.quarter-deliverables ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.375rem}.quarter-deliverables li{padding:.4375rem .625rem .4375rem 1.75rem;position:relative;color:#4b5563;font-size:.75rem;line-height:1.4;background:#f9fafb;border-radius:.5rem;transition:all .2s ease}.quarter-deliverables li:hover{background:#f3f4f6;transform:translate(4px)}.quarter-deliverables li:before{content:"✓";position:absolute;left:.625rem;top:50%;transform:translateY(-50%);color:#2563eb;font-weight:700;font-size:.75rem;width:16px;height:16px;background:#dbeafe;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.quarter-milestone{padding:.75rem .875rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:4px solid #2563eb;border-radius:.625rem;font-size:.75rem;color:#1e40af;line-height:1.4;font-weight:600;position:relative;box-shadow:0 1px 3px #2563eb1a}.quarter-milestone strong{color:#1d4ed8;font-weight:700}@media(max-width:1200px){.roadmap-grid{gap:1.25rem}.roadmap-quarter{padding:1.25rem}}@media(max-width:1024px){.project-roadmap-new{min-height:auto;max-height:none;padding:4rem 0}.roadmap-header{margin-bottom:2rem}.roadmap-header h2{font-size:2rem}.roadmap-grid{grid-template-columns:1fr 1fr;gap:1.5rem}.quarter-badge{width:52px;height:52px;font-size:1.125rem}}@media(max-width:768px){.project-roadmap-new{padding:3rem 0}.roadmap-header h2{font-size:1.75rem}.roadmap-header .section-intro{font-size:.9375rem}.roadmap-grid{grid-template-columns:1fr;gap:1.5rem}.roadmap-quarter{padding:1.5rem}.quarter-badge{width:48px;height:48px;font-size:1.125rem}}.quarter-milestone strong{color:var(--primary-blue);font-weight:700}.project-impact-redesigned{padding:4rem 0;background:linear-gradient(180deg,#f8fafc,#fff,#eff6ff);position:relative;overflow:hidden}.project-impact-redesigned:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(147,51,234,.06) 0%,transparent 50%);pointer-events:none}.impact-header-redesigned{text-align:center;margin-bottom:3rem;position:relative;z-index:1}.section-label-impact{display:inline-block;padding:.5rem 1.25rem;background:linear-gradient(135deg,#dbeafe,#eff6ff);color:#2563eb;border-radius:2rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;border:2px solid rgba(37,99,235,.2)}.impact-header-redesigned h2{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.75rem;letter-spacing:-.02em}.impact-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.impact-grid-redesigned{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;position:relative;z-index:1}.impact-card{padding:2rem;background:#fff;border-radius:1.25rem;border:2px solid #e5e7eb;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.impact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2563eb,#3b82f6,#60a5fa);opacity:0;transition:opacity .4s ease}.impact-card:hover:before{opacity:1}.impact-card:hover{border-color:#2563eb;transform:translateY(-8px);box-shadow:0 20px 40px #2563eb1f,0 8px 16px #2563eb14}.impact-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid #f3f4f6}.impact-icon-circle{width:4rem;height:4rem;background:linear-gradient(135deg,#dbeafe,#eff6ff);border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0;transition:all .3s ease}.impact-card:hover .impact-icon-circle{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,#3b82f6,#60a5fa)}.impact-card-header h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.01em}.impact-benefits-list{display:flex;flex-direction:column;gap:.875rem}.benefit-item-redesigned{display:flex;align-items:flex-start;gap:.75rem;padding:.625rem .875rem;background:#f9fafb;border-radius:.625rem;transition:all .2s ease}.benefit-item-redesigned:hover{background:#f3f4f6;transform:translate(4px)}.benefit-check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#2563eb;color:#fff;border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0;margin-top:.125rem}.benefit-item-redesigned span:last-child{color:#4b5563;line-height:1.6;font-size:.9375rem}@media(max-width:1024px){.impact-grid-redesigned{grid-template-columns:1fr;gap:1.5rem}.impact-header-redesigned h2{font-size:2rem}.impact-subtitle{font-size:1rem}}@media(max-width:768px){.project-impact-redesigned{padding:3rem 0}.impact-header-redesigned h2{font-size:1.75rem}.impact-card{padding:1.5rem}.impact-icon-circle{width:3rem;height:3rem;font-size:1.5rem}.impact-card-header h3{font-size:1.25rem}}.project-cta-new{padding:5rem 0;background:linear-gradient(135deg,#1e3a8a,#2563eb,#3b82f6);color:#fff;position:relative;overflow:hidden}.project-cta-new:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.cta-box{position:relative;z-index:1;text-align:center;max-width:900px;margin:0 auto}.cta-content-new h2{font-size:3rem;font-weight:900;margin-bottom:1.5rem;line-height:1.2}.cta-description{font-size:1.25rem;margin-bottom:3rem;opacity:.95;line-height:1.6}.cta-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:3rem;padding:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;border:1px solid rgba(255,255,255,.2)}.cta-stat{text-align:center}.cta-stat-value{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;line-height:1}.cta-stat-label{font-size:.875rem;opacity:.9}.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-cta-primary,.btn-cta-secondary{display:inline-block;padding:1rem 2.5rem;border-radius:.75rem;font-size:1.125rem;font-weight:700;text-decoration:none;transition:all .3s ease;border:2px solid transparent}.btn-cta-primary{background:#fff;color:var(--primary-blue)}.btn-cta-primary:hover{background:var(--bg-tertiary);transform:translateY(-3px);box-shadow:0 10px 30px #0003}.btn-cta-secondary{background:transparent;color:#fff;border-color:#fff}.btn-cta-secondary:hover{background:#fff;color:var(--primary-blue);transform:translateY(-3px);box-shadow:0 10px 30px #0003}@media(max-width:1024px){.dual-columns{grid-template-columns:1fr;gap:3rem}.dual-divider{flex-direction:row;padding:0}.divider-line{width:150px;height:2px;background:linear-gradient(90deg,#ef44444d,#9333ea80,#22c55e4d)}.divider-icon{font-size:2rem}.side-title{font-size:1.75rem}.problem-solution-dual .issue-card,.problem-solution-dual .solution-card{padding:1.25rem}.problem-solution-dual .issue-icon-wrapper,.problem-solution-dual .solution-icon-wrapper{width:3.5rem;height:3.5rem}.problem-solution-dual .issue-icon,.problem-solution-dual .solution-icon{font-size:1.75rem}.dual-headers,.comparison-grid{grid-template-columns:1fr;gap:2rem}.comparison-divider{flex-direction:row;height:auto}.comparison-divider .divider-line{width:100px;height:2px}.project-features-new .features-header h2{font-size:2rem}.layer-row{grid-template-columns:220px 1fr;gap:1.5rem;padding:1rem 1.5rem}.arch-layers-container{grid-template-columns:repeat(2,1fr)}.arch-dark-title{font-size:2.5rem}.cta-stats{flex-direction:column;gap:1.5rem}}@media(max-width:768px){.project-title-new{font-size:2.5rem}.project-tagline-new{font-size:1.25rem}.hero-meta{flex-direction:column;gap:1.5rem}.exec-grid{grid-template-columns:1fr}.problem-header h2,.solution-header h2,.features-header h2,.arch-header h2,.roadmap-header h2,.impact-header h2{font-size:2rem}.section-intro{font-size:1.125rem}.problem-solution-dual{padding:2rem 0;min-height:auto}.dual-columns{gap:2rem}.side-title{font-size:1.5rem}.side-intro{font-size:.9375rem}.problem-solution-dual .issues-list,.problem-solution-dual .solutions-list{gap:1rem}.problem-solution-dual .issue-card,.problem-solution-dual .solution-card{padding:1rem;gap:1rem}.problem-solution-dual .issue-icon-wrapper,.problem-solution-dual .solution-icon-wrapper{width:3rem;height:3rem}.problem-solution-dual .issue-icon,.problem-solution-dual .solution-icon{font-size:1.5rem}.problem-solution-dual .issue-title,.problem-solution-dual .solution-title{font-size:1rem}.problem-solution-dual .issue-desc,.problem-solution-dual .solution-desc{font-size:.875rem}.problem-solution-dual .solution-step-badge{width:2rem;height:2rem;font-size:1rem}.divider-line{width:100px}.divider-icon,.comparison-section-title{font-size:1.75rem}.dual-headers{gap:1.5rem;margin-bottom:1.25rem}.comparison-grid{gap:1.5rem}.comparison-column{gap:.375rem}.comparison-item{padding:.5rem .75rem;min-height:45px;gap:.5rem}.comparison-title{font-size:.75rem}.comparison-desc{font-size:.625rem}.comparison-icon{font-size:1.125rem;width:28px;height:28px}.comparison-number{width:20px;height:20px;font-size:.6875rem}.comparison-divider .divider-line{width:60px}.comparison-divider .divider-icon{font-size:1.5rem}.architecture-stack-section{padding:3rem 0}.stack-header .section-label{font-size:.75rem;padding:.375rem 1rem}.stack-header h2{font-size:2rem}.stack-header .section-intro{font-size:1rem;padding:0 1rem}.architecture-stack{padding:0 1rem}.stack-layer{grid-template-columns:1fr;gap:1.25rem;margin-bottom:3rem}.stack-layer:hover{transform:none}.layer-left-side{flex-direction:row;justify-content:flex-start;gap:1rem}.layer-number-large{width:60px;height:60px;font-size:2rem}.layer-badge{font-size:.6875rem;padding:.3rem .75rem}.layer-right-side{padding:1.75rem 1.5rem}.layer-header-row{gap:1rem}.layer-icon-large{font-size:2.25rem}.layer-title{font-size:1.25rem;white-space:normal}.layer-desc{font-size:.9375rem;margin-bottom:1.25rem}.layer-features{gap:.5rem}.feature-tag{font-size:.75rem;padding:.5rem .875rem;gap:.375rem}.feature-tag .tag-icon{font-size:.875rem}.layer-connector{display:none}.solution-card{padding:1.25rem;gap:1rem}.issue-icon-wrapper,.solution-icon-wrapper{width:3rem;height:3rem}.issue-icon,.solution-icon{font-size:1.5rem}.solution-step-badge{width:2rem;height:2rem;font-size:1rem}.roadmap-grid,.impact-grid-new{grid-template-columns:1fr}.project-features-new{padding:3rem 0}.project-features-new .features-header{margin-bottom:2rem}.project-features-new .features-header h2{font-size:1.75rem}.layer-row{grid-template-columns:1fr;gap:1rem;padding:1.25rem}.layer-left{flex-wrap:wrap}.layer-icon-row{font-size:1.75rem}.layer-left h3{font-size:1rem}.layer-right{flex-direction:column;align-items:flex-start;gap:1rem}.layer-description{font-size:.8125rem}.arch-layers-container{grid-template-columns:1fr;gap:3rem}.arch-dark-title{font-size:2rem}.arch-dark-intro{font-size:1rem}.layer-connector{display:block}.layer-header{flex-direction:column;align-items:flex-start;gap:1rem}.layer-icon-large{font-size:2.5rem}.layer-title{font-size:1.25rem}.layer-features-grid{grid-template-columns:1fr}.cta-content-new h2{font-size:2rem}.cta-description{font-size:1.125rem}.cta-actions{flex-direction:column}.btn-cta-primary,.btn-cta-secondary{width:100%}}@media(max-width:768px){.project-title{font-size:2rem}.project-tagline{font-size:1.125rem}.section-header h2{font-size:2rem}.section-subtitle{font-size:1rem}.problem-solution-grid,.features-grid,.roadmap-timeline,.impact-grid{grid-template-columns:1fr}.arch-layer{flex-direction:column;text-align:center}.cta-content h2{font-size:1.75rem}.cta-content p{font-size:1rem}.cta-buttons{flex-direction:column}}.docs-section{background:linear-gradient(180deg,#0f172a,#1e293b);padding:2.5rem 0}.docs-header{text-align:center;margin-bottom:2rem}.docs-subtitle{max-width:800px;margin:.5rem auto 0;color:#94a3b8;font-size:var(--font-size-lg);line-height:1.6}.docs-categories{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.doc-category-card{display:flex;align-items:center;gap:.75rem;background:#1e293b80;border:1px solid rgba(148,163,184,.1);border-radius:.5rem;padding:2rem;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.doc-category-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#3b82f6,#2563eb);transform:scaleY(0);transition:transform .3s ease}.doc-category-card:hover:before{transform:scaleY(1)}.doc-category-card:hover{background:#1e293bcc;border-color:#3b82f64d;transform:translate(8px);box-shadow:0 10px 40px #3b82f61a}.doc-category-icon{font-size:var(--font-size-5xl);flex-shrink:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#3b82f61a;border-radius:1rem;transition:all .3s ease}.doc-category-card:hover .doc-category-icon{background:#3b82f633;transform:scale(1.1)}.doc-category-content{flex:1}.doc-category-content h3{color:#f1f5f9;font-size:var(--font-size-2xl);font-weight:700;margin-bottom:.75rem;transition:color .3s ease}.doc-category-card:hover .doc-category-content h3{color:#3b82f6}.doc-category-content p{color:#fff;font-size:var(--font-size-md);line-height:1.6;margin-bottom:1rem}.doc-category-tags{display:flex;flex-wrap:wrap;gap:.5rem}.doc-tag{display:inline-block;padding:.25rem .75rem;background:#3b82f61a;color:#60a5fa;border-radius:.375rem;font-size:var(--font-size-sm);font-weight:500;border:1px solid rgba(59,130,246,.2)}.doc-category-arrow{font-size:var(--font-size-4xl);color:#3b82f6;flex-shrink:0;transition:transform .3s ease}.doc-category-card:hover .doc-category-arrow{transform:translate(8px)}.docs-cta{text-align:center;margin-top:3rem}.btn-docs-browse{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;text-decoration:none;border-radius:.375rem;font-size:var(--font-size-lg);font-weight:600;transition:all .3s ease;box-shadow:0 2px 10px #3b82f64d}.btn-docs-browse:hover{transform:translateY(-2px);box-shadow:0 8px 30px #3b82f666;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.btn-icon{font-size:var(--font-size-2xl)}.btn-arrow{font-size:var(--font-size-2xl);transition:transform .3s ease}.btn-docs-browse:hover .btn-arrow{transform:translate(4px)}@media(max-width:768px){.doc-category-card{flex-direction:column;text-align:center;padding:.75rem}.doc-category-icon{width:30px;height:30px;font-size:var(--font-size-4xl)}.doc-category-content h3{font-size:var(--font-size-xl)}.doc-category-arrow{display:none}.btn-docs-browse{padding:.5rem 1rem;font-size:var(--font-size-md)}}.project-card-link{text-decoration:none;color:inherit;display:block}.project-card{background-color:var(--bg-primary);padding:var(--spacing-md);border-radius:.75rem;border:1px solid var(--border-color);transition:all .3s ease;display:flex;flex-direction:column;height:100%}.project-card-link:hover .project-card,.project-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001a;border-color:var(--primary-blue)}.project-card h3{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--spacing-sm);font-weight:700}.project-card p{color:var(--text-secondary);margin-bottom:auto;line-height:1.7}.project-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-md)}.tag{display:inline-block;padding:.25rem .75rem;background-color:var(--bg-tertiary);color:var(--primary-blue);border-radius:1rem;font-size:var(--font-size-sm);font-weight:500}.contact-content{max-width:600px;margin:0 auto;text-align:center}.contact-content p{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.8}.contact-links{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.contact-link{display:flex;align-items:center;gap:var(--spacing-xs);padding:.4375rem .75rem;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:.25rem;text-decoration:none;color:var(--text-primary);font-weight:600;transition:all .3s ease}.contact-link:hover{border-color:var(--primary-blue);color:var(--primary-blue);transform:translateY(-2px);box-shadow:0 5px 15px #2563eb1a}.contact-link .icon{font-size:var(--font-size-xl)}footer{text-align:center;padding:var(--spacing-md) 0;background-color:var(--bg-tertiary);border-top:1px solid var(--border-color)}footer p{color:var(--text-muted);font-size:var(--font-size-sm)}@media(max-width:768px){.hero-title{font-size:var(--font-size-4xl)}.hero-subtitle{font-size:var(--font-size-xl)}.section-title{font-size:var(--font-size-4xl)}.nav-links{gap:var(--spacing-md);font-size:var(--font-size-sm)}.logo-avatar{width:35px;height:35px}.about-content{grid-template-columns:1fr;gap:var(--spacing-md)}.about-photo{position:static;max-width:250px;margin:0 auto}.skills-grid,.projects-grid{grid-template-columns:1fr}.contact-links{flex-direction:column}.footer-grid{grid-template-columns:1fr!important;gap:3rem!important}.footer-column{text-align:center}.footer-heading{justify-content:center}.footer-list{align-items:center}.footer-link{justify-content:center}.qr-column{order:-1}.footer-bottom-content{flex-direction:column;text-align:center}.footer-wave{height:60px}}.dark-footer{position:relative;background:linear-gradient(180deg,#0a0e27,#0f1419,#050810);color:#e5e7eb;margin-top:0;overflow:hidden}.footer-wave{position:relative;width:100%;height:80px;color:#f8fafc;margin-bottom:-1px}.footer-wave svg{width:100%;height:100%;display:block}.footer-main{padding:2rem 0 1rem;position:relative}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr 1.3fr;gap:3rem;margin-bottom:3rem}.footer-brand{display:flex;align-items:center;justify-content:center}.brand-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:280px}.brand-logo{margin-bottom:1.25rem}.logo-circle{width:56px;height:56px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:700;color:#fff;letter-spacing:1px;box-shadow:0 8px 24px #2563eb4d;transition:all .3s ease}.logo-circle:hover{transform:translateY(-2px) rotate(5deg);box-shadow:0 12px 32px #2563eb66}.brand-name{font-size:var(--font-size-2xl);font-weight:700;color:#fff;margin-bottom:.25rem;letter-spacing:-.5px}.brand-tagline{font-size:var(--font-size-sm);color:#60a5fa;font-weight:500;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1.5px}.brand-description{color:#9ca3af;line-height:1.7;font-size:var(--font-size-md);margin-bottom:1.5rem}.brand-divider{width:30px;height:1.5px;background:linear-gradient(90deg,#2563eb 50%,transparent 100%);margin:.75rem auto;border-radius:1px}.brand-quote{font-size:var(--font-size-sm);color:#6b7280;font-style:italic;padding:0;border-left:none}.footer-column{display:flex;flex-direction:column}.footer-heading{font-size:var(--font-size-sm);font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.heading-icon{color:#2563eb;font-size:var(--font-size-md);font-weight:700}.footer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-link{color:#9ca3af;text-decoration:none;font-size:var(--font-size-md);display:flex;align-items:center;gap:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;padding:.25rem 0}.link-bullet{color:#374151;font-size:var(--font-size-xl);transition:all .3s ease;line-height:1}.link-text{position:relative}.footer-link:after{content:"";position:absolute;bottom:0;left:1.5rem;width:0;height:1px;background:linear-gradient(90deg,#2563eb,#60a5fa);transition:width .3s ease}.footer-link:hover{color:#fff;transform:translate(4px)}.footer-link:hover .link-bullet{color:#2563eb;transform:scale(1.2)}.footer-link:hover:after{width:calc(100% - 1.5rem)}.social-list{gap:.875rem}.social-link{padding:.25rem 0}.social-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#2563eb1a;border-radius:8px;font-size:var(--font-size-md);transition:all .3s ease;flex-shrink:0}.social-link:hover .social-icon{background:#2563eb33;transform:translateY(-2px) rotate(5deg)}.github-icon{background:#8b5cf61a}.linkedin-icon{background:#3b82f61a}.discord-icon{background:#6366f11a}.twitter-icon{background:#38bdf81a}.medium-icon{background:#22c55e1a}.social-link:hover .github-icon{background:#8b5cf633}.social-link:hover .linkedin-icon{background:#3b82f633}.social-link:hover .discord-icon{background:#6366f133}.social-link:hover .twitter-icon{background:#38bdf833}.social-link:hover .medium-icon{background:#22c55e33}.qr-column{display:flex;flex-direction:column;align-items:center}.qr-container{display:flex;flex-direction:column;align-items:center;gap:.75rem}.qr-wrapper{position:relative;background:#fff;padding:.5rem;border-radius:8px;box-shadow:0 2px 3px #0000001a,0 5px 10px #2563eb1a,inset 0 0 0 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.qr-wrapper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(37,99,235,.1) 50%,transparent 70%);transform:rotate(45deg);transition:all .6s ease}.qr-wrapper:hover:before{transform:rotate(45deg) translate(50%,50%)}.qr-wrapper:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 12px #00000026,0 20px 40px #2563eb33,inset 0 0 0 1px #fff3}.qr-image{display:block;width:140px;height:140px;border-radius:8px;position:relative;z-index:1}.qr-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#2563ebf2;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:16px;z-index:2}.qr-wrapper:hover .qr-overlay{opacity:1}.qr-scan-text{color:#fff;font-weight:600;font-size:var(--font-size-md);letter-spacing:.5px;text-transform:uppercase}.qr-url{font-size:var(--font-size-md);font-weight:600;color:#2563eb;margin:0;letter-spacing:.5px}.qr-description{font-size:var(--font-size-sm);color:#6b7280;margin:0}.footer-bottom{border-top:1px solid rgba(55,65,81,.5);padding:1rem 0;margin-top:1rem}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.copyright{color:#9ca3af;font-size:var(--font-size-sm)}.copyright p{margin:0}.heart{color:#ef4444;display:inline-block;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}.footer-bottom-links{display:flex;align-items:center;gap:1rem}.bottom-link{color:#9ca3af;text-decoration:none;font-size:var(--font-size-sm);transition:color .3s ease}.bottom-link:hover{color:#2563eb}.separator{color:#4b5563;font-size:var(--font-size-xs)}.breadcrumbs{padding:var(--spacing-md) 0;font-size:var(--font-size-lg);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.breadcrumbs .container{gap:.5rem;display:flex;flex-wrap:wrap;align-items:center}.breadcrumbs a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.breadcrumbs a:hover{color:var(--primary-blue)}.breadcrumbs .separator{color:var(--text-muted)}.breadcrumbs .current{color:var(--text-primary);font-weight:500}.article-header-banner{padding:3rem 0 2.5rem;background:linear-gradient(135deg,#1e40af,#2563eb,#3b82f6);position:relative;overflow:hidden}.article-header-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(96,165,250,.2) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(147,197,253,.15) 0%,transparent 50%);pointer-events:none}.article-banner-content{position:relative;z-index:1}.article-banner-content h1{font-size:var(--font-size-5xl);font-weight:800;color:#fff;margin-bottom:1.25rem;line-height:1.2;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;align-items:center;flex-wrap:wrap}.article-special-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:.5rem 1rem;border-radius:8px;font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid #fcd34d;box-shadow:0 4px 12px #fbbf244d;text-shadow:none}.article-banner-content .article-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:var(--font-size-md);color:#fffffff2;font-weight:500}.article-banner-content .article-meta .meta-separator{color:#ffffff80}.article-banner-content .article-meta .tag{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:.375rem .75rem;border-radius:6px;font-size:var(--font-size-xs);font-weight:600;border:1px solid rgba(255,255,255,.3);transition:all .2s ease}.article-banner-content .article-meta .tag:hover{background:#ffffff4d}.article-banner-content .article-status-badge{display:inline-block;padding:.5rem 1rem;border-radius:8px;font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.article-banner-content .article-status-badge.status-draft{background:#fbbf2433;color:#fef3c7;border:1px solid rgba(251,191,36,.4)}.article-banner-content .article-status-badge.status-review{background:#60a5fa33;color:#dbeafe;border:1px solid rgba(96,165,250,.4)}#article{padding:2.5rem 0 3rem;background-color:var(--bg-primary)}.article-title{font-size:var(--font-size-4xl);font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:var(--spacing-md);letter-spacing:-.02em}.article-meta{display:flex;align-items:center;gap:.75rem;font-size:var(--font-size-md);color:var(--text-secondary)}.article-body{font-size:var(--font-size-md);line-height:1.7;color:var(--text-primary);font-family:var(--font-sans);margin:0 auto}.article-body h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin-top:1.25rem;margin-bottom:.875rem;line-height:1.3;letter-spacing:-.01em}.article-body h3{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin-top:2rem;margin-bottom:.75rem;line-height:1.4}.article-body h4{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-top:1.5rem;margin-bottom:.625rem;line-height:1.4}.article-body p{margin-bottom:.3125rem;color:var(--text-primary)}.article-body ul,.article-body ol{margin-bottom:1.25rem;padding-left:1.75rem;line-height:1.7}.article-body li{color:var(--text-primary)}.article-body li>ul,.article-body li>ol{margin-top:.375rem;margin-bottom:.375rem}.article-body a{color:var(--primary-blue);text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease;font-weight:500}.article-body a:hover{border-bottom-color:var(--primary-blue);color:var(--primary-blue-dark)}.article-body strong{font-weight:600;color:var(--text-primary)}.article-body code{font-family:var(--font-mono);font-size:.9em;background-color:#f1f5f9;padding:.125em .25em;border-radius:.125rem;color:#e11d48;border:1px solid #e2e8f0}.article-body pre[class*=language-],.article-body pre{background-color:#fafafa!important;border-radius:.375rem;padding:1rem;overflow-x:auto;margin:.75rem 0;border:1px solid #e8e8e8;box-shadow:0 1px 3px #0000000d}.article-body :not(pre)>code[class*=language-],.article-body pre[class*=language-] code,.article-body pre code{background-color:transparent!important;padding:0;color:#1e293b!important;font-size:var(--font-size-sm);line-height:1.6;border:none;text-shadow:none!important}.article-body blockquote{border-left:3px solid var(--primary-blue);padding:.75rem 1rem;margin:1.5rem 0;background-color:#f8fafc;border-radius:0 .375rem .375rem 0;font-style:italic;color:var(--text-secondary)}.article-body blockquote p{margin-bottom:.625rem}.article-body blockquote p:last-child{margin-bottom:0}.article-body hr{display:none}.article-body img{max-width:100%;height:auto;border-radius:.25rem;margin:1rem 0;box-shadow:0 .5px 1.5px #0000001a}.article-body table{width:100%;border-collapse:collapse;margin:1rem 0;border:1px solid var(--border-color);border-radius:.25rem;overflow:hidden;box-shadow:0 .5px 1.5px #0000000d}.article-body th,.article-body td{padding:.5rem .625rem;text-align:left;border-bottom:1px solid var(--border-color)}.article-body th{background-color:#f8fafc;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color)}.article-body tbody tr:nth-child(2n){background-color:#fafbfc}.article-body tbody tr:hover{background-color:#f1f5f9;transition:background-color .15s ease}.article-body td{color:var(--text-primary)}@media(max-width:768px){.article-header-banner{padding:2rem 0 1.75rem}.article-banner-content h1{font-size:var(--font-size-3xl)}.article-banner-content .article-meta{font-size:var(--font-size-sm);gap:.75rem}.article-banner-content .article-tags .tag{font-size:var(--font-size-xs);padding:.375rem .625rem}.article-banner-content .article-status-badge{font-size:var(--font-size-xs);padding:.375rem .75rem}#article .container{max-width:100%;padding:0 .75rem}.article-title{font-size:var(--font-size-3xl);line-height:1.25}.article-body{font-size:var(--font-size-md);line-height:1.7}.article-body h2{font-size:var(--font-size-2xl);margin-top:1.25rem;margin-bottom:.5rem}.article-body h3{font-size:var(--font-size-xl);margin-top:1rem}.article-body h4{font-size:var(--font-size-lg);margin-top:.75rem}.article-body pre{padding:.5rem;margin:.75rem -.25rem;border-radius:.1875rem}.article-body table{font-size:var(--font-size-sm)}.article-body th,.article-body td{padding:.375rem}}.breadcrumbs{background:#f9fafb;border-bottom:1px solid #e5e7eb}.breadcrumbs .container{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-lg)}.breadcrumbs a{color:#3b82f6;text-decoration:none;transition:color .2s}.breadcrumbs a:hover{color:#2563eb;text-decoration:underline}.breadcrumbs .separator{color:#9ca3af}.breadcrumbs .current{color:#6b7280;font-weight:500}.section-header-banner{background:linear-gradient(135deg,#1e3a8a,#2563eb,#3b82f6);color:#fff;padding:2.5rem 0;position:relative;overflow:hidden;border-bottom:2px solid rgba(59,130,246,.3);box-shadow:0 4px 20px #1e3a8a40,inset 0 1px #ffffff1a}.section-header-banner:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(96,165,250,.3) 0%,transparent 25%),radial-gradient(circle at 70% 50%,rgba(147,197,253,.2) 0%,transparent 25%);animation:shimmer 8s ease-in-out infinite;pointer-events:none}.section-header-banner:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px;opacity:.5;pointer-events:none}.section-banner-content{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.section-banner-content .section-icon{font-size:4rem;line-height:1;background:linear-gradient(135deg,#fff,#f0f9ff);padding:1.25rem;border-radius:20px;box-shadow:0 4px 20px #1e3a8a40,inset 0 1px #fffc;border:1px solid rgba(255,255,255,.5);transition:all .3s cubic-bezier(.4,0,.2,1)}.section-banner-content .section-icon:hover{transform:scale(1.05);box-shadow:0 6px 24px #1e3a8a59,inset 0 1px #ffffffe6}.section-badge{display:inline-block;background:linear-gradient(135deg,#fff,#f0f9ff);color:#1e40af;padding:.5rem 1.125rem;border-radius:8px;font-size:var(--font-size-lg);font-weight:800;margin-bottom:1rem;box-shadow:0 4px 12px #0003,inset 0 1px #fffc;border:1px solid rgba(255,255,255,.5)}.section-header-banner h1{font-size:var(--font-size-5xl);font-weight:800;margin-bottom:.75rem;text-shadow:0 2px 8px rgba(0,0,0,.2);letter-spacing:-.01em}.section-subtitle{font-size:var(--font-size-xl);opacity:.9;max-width:900px;margin:0 auto;line-height:1.6}.section-meta{display:flex;justify-content:center;align-items:center;gap:.75rem;font-size:var(--font-size-sm);opacity:.9}.meta-item{font-weight:500}.meta-separator{opacity:.6}.articles-list{padding:2rem 0;background:#fff}.article-card{display:flex;gap:1rem;padding:1rem;margin-bottom:2rem;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;transition:all .3s ease}.article-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-1px)}.article-number{flex-shrink:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:var(--font-size-xl);font-weight:700;border-radius:.25rem;margin:.25rem 0}.article-content{flex:1}.article-content h2{margin:0 0 .375rem;font-size:var(--font-size-2xl);font-weight:600}.article-content h2 a{color:#111827;text-decoration:none;transition:color .2s}.article-content h2 a:hover{color:#3b82f6}.article-description{color:#6b7280;line-height:1.6;margin-bottom:1rem}.article-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:var(--font-size-sm);color:#9ca3af}.article-date,.article-reading-time{color:#6b7280}.article-tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{padding:.125rem .375rem;background:#f3f4f6;color:#6b7280;border-radius:9999px;font-size:var(--font-size-xs);font-weight:500}.article-card.coming-soon{opacity:.6;background:#f9fafb;cursor:not-allowed}.article-card.coming-soon:hover{box-shadow:none;transform:none}.article-card.coming-soon .article-number{background:#9ca3af}.disabled-title{color:#9ca3af;cursor:not-allowed}.coming-soon-badge{display:inline-block;margin-left:.5rem;padding:.125rem .375rem;background:#fef3c7;color:#92400e;border-radius:9999px;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.article-status-badge{display:inline-block;padding:.1875rem .5rem;border-radius:.1875rem;font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem}.article-status-badge.status-draft{background:#dbeafe;color:#1e40af}.article-status-badge.status-review{background:#ede9fe;color:#6b21a8}.article-card.article-draft{opacity:.5;background:#fafafa;cursor:not-allowed}.article-card.article-draft:hover{box-shadow:none;transform:none}.article-card.article-draft .article-number{background:#9ca3af}.article-card.article-draft .disabled-title{color:#9ca3af;cursor:not-allowed}.article-card.article-draft .article-description{color:#9ca3af}.article-card.article-draft .article-meta{color:#d1d5db}.featured-article-section{padding:3.5rem 0;background:linear-gradient(180deg,#f8fafc,#fff)}.featured-article-card{position:relative;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000d,0 10px 40px #3b82f614;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(59,130,246,.1)}.featured-article-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1e40af,#2563eb,#3b82f6)}.featured-article-card:hover{transform:translateY(-6px);box-shadow:0 4px 12px #00000014,0 20px 60px #3b82f626;border-color:#3b82f633}.featured-badge-corner{position:absolute;top:1.5rem;right:1.5rem;z-index:10}.featured-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:.5rem 1rem;border-radius:8px;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;border:1px solid #fcd34d;box-shadow:0 4px 12px #fbbf2440}.featured-content-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;padding:2.5rem}.featured-left-column{display:flex;flex-direction:column;gap:1.25rem}.featured-title{font-size:var(--font-size-xl);font-weight:800;line-height:1.2;letter-spacing:-.02em;margin:0}.featured-title a{color:#1e293b;text-decoration:none;background:linear-gradient(135deg,#1e40af,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.featured-title a:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.featured-description{font-size:var(--font-size-md);color:#475569;line-height:1.7;margin:0}.featured-meta{display:flex;align-items:center;gap:.75rem;font-size:var(--font-size-sm);color:#64748b;font-weight:500}.meta-separator{color:#cbd5e1}.featured-cta-button{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;padding:.875rem 1.75rem;border-radius:10px;font-size:var(--font-size-md);font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #2563eb4d;align-self:flex-start;margin-top:.5rem}.featured-cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb66;background:linear-gradient(135deg,#1e40af,#2563eb)}.featured-cta-button svg{transition:transform .3s ease}.featured-cta-button:hover svg{transform:translate(4px)}.featured-right-column{display:flex;flex-direction:column;gap:1.5rem}.featured-learn-box{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;padding:1.75rem;border:1px solid #bfdbfe}.learn-box-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.learn-box-header svg{color:#2563eb;flex-shrink:0}.learn-box-header h3{font-size:var(--font-size-lg);font-weight:700;color:#1e40af;margin:0}.featured-learn-box p{font-size:var(--font-size-sm);color:#1e40af;line-height:1.7;margin:0}.featured-tags{display:flex;flex-wrap:wrap;gap:.5rem}.featured-tags .tag{background:#fff;color:#2563eb;padding:.5rem .875rem;border-radius:8px;font-size:var(--font-size-xs);font-weight:600;border:1px solid #dbeafe;transition:all .2s ease}.featured-tags .tag:hover{background:#eff6ff;border-color:#93c5fd;transform:translateY(-2px)}.articles-grid{padding:2.5rem 0;background:#fff}.articles-grid-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.article-grid-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0000000d;display:flex;flex-direction:column;height:100%}.article-grid-card:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-3px);border-color:#3b82f6}.article-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;position:relative}.article-title-wrapper{flex:1;min-width:0}.article-title-wrapper h3{margin:0}.article-number{font-size:var(--font-size-lg);font-weight:800;color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);padding:.375rem .75rem;border-radius:6px;min-width:3rem;text-align:center}.status-badge{padding:.25rem .625rem;border-radius:6px;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.coming-soon-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fcd34d}.draft-badge{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280;border:1px solid #d1d5db}.article-card-content{flex:1}.article-title-wrapper h3{font-size:var(--font-size-lg);font-weight:700;line-height:1.4}.article-title-wrapper h3 a{color:#111827;text-decoration:none;transition:color .3s ease}.article-title-wrapper h3 a:hover{color:#2563eb}.disabled-title{color:#9ca3af}.article-card-description{font-size:var(--font-size-sm);color:#6b7280;line-height:1.6}.article-card-footer{display:flex;flex-direction:column;gap:.75rem;padding-top:1rem;border-top:1px solid #f3f4f6}.article-card-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:var(--font-size-xs);color:#6b7280;font-weight:500;margin-top:.75rem}.article-card-meta .tag{background:#eff6ff;color:#2563eb;padding:.25rem .5rem;border-radius:4px;font-size:var(--font-size-xs);font-weight:500}.article-grid-card.coming-soon,.article-grid-card.article-draft{opacity:.7}.article-grid-card.coming-soon:hover,.article-grid-card.article-draft:hover{transform:none;box-shadow:0 2px 6px #0000000d}@media(max-width:768px){.section-header-banner{padding:2rem 0}.section-header-banner h1{font-size:var(--font-size-4xl)}.section-subtitle{font-size:var(--font-size-md)}.section-badge{font-size:var(--font-size-md);padding:.375rem .875rem}.featured-article-section{padding:2rem 0}.featured-content-grid{grid-template-columns:1fr;gap:2rem;padding:1.75rem}.featured-badge-corner{top:1rem;right:1rem}.featured-badge{padding:.375rem .75rem;font-size:.625rem}.featured-title{font-size:var(--font-size-2xl)}.featured-cta-button{width:100%;justify-content:center}.featured-learn-box{padding:1.25rem}.learn-box-header h3{font-size:var(--font-size-md)}.articles-grid{padding:2rem 0}.articles-grid-layout{grid-template-columns:1fr;gap:1rem}.article-grid-card{padding:1.25rem}.article-card-header{flex-wrap:wrap;gap:.75rem}.article-title-wrapper{flex-basis:100%;order:2}.article-number{order:1}.status-badge{order:3}.article-title-wrapper h3{font-size:var(--font-size-md)}.article-card{flex-direction:column;gap:1rem}.article-number{width:2.5rem;height:2.5rem;font-size:var(--font-size-md)}.article-content h2{font-size:var(--font-size-xl)}}.docs-hero{background:linear-gradient(135deg,#1e3a8a,#2563eb,#3b82f6);color:#fff;padding:3rem 0;text-align:center;position:relative;overflow:hidden;border-bottom:2px solid rgba(59,130,246,.3);box-shadow:0 4px 20px #1e3a8a40,inset 0 1px #ffffff1a}.docs-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(96,165,250,.3) 0%,transparent 25%),radial-gradient(circle at 70% 50%,rgba(147,197,253,.2) 0%,transparent 25%);animation:shimmer 8s ease-in-out infinite;pointer-events:none}.docs-hero:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px;opacity:.5;pointer-events:none}.docs-hero-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:relative;z-index:1}.docs-hero-icon{font-size:5rem;line-height:1;background:linear-gradient(135deg,#fff,#f0f9ff);padding:1.5rem;border-radius:24px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffffe6;border:2px solid rgba(255,255,255,.6);transition:all .3s cubic-bezier(.4,0,.2,1)}.docs-hero-icon:hover{transform:scale(1.05);box-shadow:0 12px 40px #0006,inset 0 1px #fff}.docs-hero h1{font-size:var(--font-size-5xl);margin-bottom:0;color:#fff;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.2);letter-spacing:-.01em}.docs-hero .subtitle{font-size:var(--font-size-xl);opacity:.9;max-width:900px;margin:0 auto;line-height:1.6}.docs-sections{padding:3rem 0;background:linear-gradient(to bottom,#f9fafb,#fff)}.docs-sections .container{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1400px}.section-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000d;position:relative;overflow:hidden}.section-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1e40af,#3b82f6,#60a5fa);opacity:0;transition:opacity .4s ease}.section-card:hover{box-shadow:0 8px 24px #0000001a,0 2px 8px #1e40af1a;transform:translateY(-4px);border-color:#3b82f6}.section-card:hover:before{opacity:1}.section-header{display:flex;gap:1.5rem;align-items:flex-start;margin-bottom:1.25rem}.section-icon{font-size:2.5rem;line-height:1;min-width:3.5rem;text-align:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);padding:.75rem;border-radius:12px;box-shadow:0 2px 8px #3b82f626;transition:all .3s cubic-bezier(.4,0,.2,1)}.section-card:hover .section-icon{transform:scale(1.05);box-shadow:0 4px 12px #3b82f640}.section-number{font-size:var(--font-size-3xl);font-weight:800;color:#3b82f6;line-height:1;min-width:3rem;text-align:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);padding:.75rem;border-radius:8px;box-shadow:0 2px 8px #3b82f626}.section-title-group{flex:1}.section-title-group h2{font-size:var(--font-size-2xl);margin-bottom:.75rem;font-weight:700}.section-title-group h2 a{color:#111827;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1)}.section-title-group h2 a:hover{color:#3b82f6}.section-description{color:#4b5563;line-height:1.6;margin-bottom:0;font-size:var(--font-size-md);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.6 * 3 * var(--font-size-md))}.section-topics{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;margin-bottom:0}.topic-tag{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;padding:.25rem .625rem;border-radius:6px;font-size:.6875rem;font-weight:600;border:1px solid #bfdbfe;transition:all .3s ease}.topic-tag:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);transform:translateY(-1px)}.featured-articles{margin-bottom:1.5rem;padding:1.25rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:8px;border:1px solid #e5e7eb}.featured-articles h3{font-size:var(--font-size-lg);color:#374151;margin-bottom:1rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.featured-grid{display:grid;gap:.75rem}.featured-article{display:flex;align-items:center;gap:.75rem;padding:.875rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;text-decoration:none;color:#1e40af;font-size:var(--font-size-sm);font-weight:600;transition:all .3s ease;position:relative}.new-badge{margin-left:auto;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:.25rem .625rem;border-radius:6px;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 6px #3b82f64d;border:1px solid #60a5fa}.featured-article:hover{background:#eff6ff;border-color:#3b82f6;transform:translate(4px)}.featured-icon{font-size:var(--font-size-xl);flex-shrink:0}.featured-title{line-height:1.4}.section-article-list{list-style:none;padding:0;margin:1.5rem 0}.section-article-list li{margin-bottom:.75rem;padding-left:0;position:relative;display:flex;align-items:center;gap:.75rem}.section-article-list li:before{display:none}.section-article-list li:not(.has-audio){padding-left:18px}.section-article-list a{color:#1e40af;text-decoration:none;font-size:var(--font-size-base);font-weight:500;transition:color .3s cubic-bezier(.4,0,.2,1);line-height:1.6;flex:1}.section-article-list a:hover{color:#3b82f6}.section-article-list .article-list-audio-player{margin-left:0;margin-right:0}.section-article-list .inline-audio-player{flex-shrink:0;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:50%;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;color:#2563eb;order:-1;opacity:1}.section-article-list .inline-audio-player:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);transform:scale(1.08);box-shadow:0 2px 8px #2563eb40;color:#1e40af}.section-article-list .inline-audio-player.playing{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#1e40af;color:#fff;animation:pulse-play 2s cubic-bezier(.4,0,.6,1) infinite}.section-article-list .inline-audio-player.playing:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:scale(1.12);box-shadow:0 4px 12px #2563eb66;animation:none}.section-article-list .inline-audio-player svg{width:12px;height:12px}.section-article-list .inline-audio-player .play-icon{display:block}.section-article-list .inline-audio-player .pause-icon,.section-article-list .inline-audio-player.playing .play-icon{display:none}.section-article-list .inline-audio-player.playing .pause-icon{display:block}@keyframes pulse-play{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 4px #3b82f600}}.section-link{display:inline-flex;align-items:center;gap:.5rem;color:#fff;background:linear-gradient(135deg,#2563eb,#1e40af);padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:700;font-size:var(--font-size-md);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #2563eb4d;border:1px solid rgba(255,255,255,.2)}.section-link:hover{background:linear-gradient(135deg,#1e40af,#1e3a8a);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.link-arrow{font-size:var(--font-size-xl);transition:transform .3s ease}.section-link:hover .link-arrow{transform:translate(4px)}@media(max-width:768px){.docs-hero{padding:2rem 0}.docs-hero-icon{font-size:3.5rem;padding:1rem;border-radius:20px}.docs-hero h1{font-size:var(--font-size-4xl)}.docs-hero .subtitle{font-size:var(--font-size-md)}.docs-sections{padding:2rem 0}.docs-sections .container{grid-template-columns:1fr;gap:1.5rem}.section-card{padding:1.5rem}.section-header{flex-direction:row;flex-wrap:wrap;gap:1rem}.section-icon{font-size:2rem;min-width:3rem;padding:.5rem}.section-number{align-self:flex-start}.featured-grid{grid-template-columns:1fr}.section-link{width:100%;justify-content:center}}.inline-audio-player{position:relative;width:48px;height:48px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.inline-audio-player-article{margin-right:.75rem}.inline-progress-ring{position:absolute;top:0;left:0;transform:rotate(-90deg)}.inline-progress-bg{fill:none;stroke:#fff3;stroke-width:3}.inline-progress-circle{fill:none;stroke:url(#inline-audio-gradient);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .3s ease}.inline-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:#fffffff2;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#2563eb;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000026;z-index:2}.inline-play-button:hover{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 4px 12px #0003;background:#fff}.inline-audio-player.playing .inline-play-button:hover{transform:translate(-50%,-50%) scale(1.12)!important;box-shadow:0 6px 16px #2563eb66!important;background:#fff!important}.inline-play-button:active{transform:translate(-50%,-50%) scale(.95)}.inline-waveform{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:2px;opacity:0;pointer-events:none;z-index:1}.inline-waveform.playing{opacity:1}.inline-waveform .wave-bar{width:2px;height:8px;background:#fffc;border-radius:1px;animation:wave 1s ease-in-out infinite}.inline-waveform .wave-bar:nth-child(1){animation-delay:0s}.inline-waveform .wave-bar:nth-child(2){animation-delay:.15s}.inline-waveform .wave-bar:nth-child(3){animation-delay:.3s}@keyframes wave{0%,to{transform:scaleY(.5);opacity:.6}50%{transform:scaleY(1.3);opacity:1}}.global-audio-info{display:none;align-items:center;margin-right:auto}.audio-info-content{display:flex;flex-direction:column;gap:.25rem;min-width:0}.audio-info-top{display:flex;align-items:center;gap:.75rem}.audio-track-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.audio-time-display{display:flex;align-items:center;gap:.25rem;font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:500;white-space:nowrap;flex-shrink:0}.audio-time-separator{color:var(--text-tertiary)}.audio-progress-bar-container{width:100%}.audio-progress-bar{width:100%;height:3px;background:#2563eb1a;border-radius:2px;overflow:hidden;position:relative}.audio-progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);width:0%;transition:width .3s ease;border-radius:2px}@media(max-width:768px){.logo-name{display:none}.global-audio-info{margin-right:1rem}.audio-track-title{font-size:.75rem;max-width:180px}.audio-time-display{font-size:.65rem}}.featured-audio-player{position:relative;width:40px;height:40px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.featured-progress-ring{position:absolute;top:0;left:0;transform:rotate(-90deg)}.featured-progress-bg{fill:none;stroke:#2563eb33;stroke-width:2.5}.featured-progress-circle{fill:none;stroke:url(#featured-audio-gradient);stroke-width:2.5;stroke-linecap:round;transition:stroke-dashoffset .3s ease}.featured-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #2563eb4d;z-index:2}.featured-play-button:hover{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 4px 12px #2563eb66}.featured-audio-player.playing .featured-play-button:hover{transform:translate(-50%,-50%) scale(1.12)!important;box-shadow:0 6px 16px #2563eb80!important}.featured-play-button:active{transform:translate(-50%,-50%) scale(.95)}.featured-waveform{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:2px;opacity:0;pointer-events:none;z-index:1}.featured-waveform.playing{opacity:1}.featured-waveform .wave-bar{width:2px;height:8px;background:#ffffffe6;border-radius:1px;animation:wave 1s ease-in-out infinite}.featured-waveform .wave-bar:nth-child(1){animation-delay:0s}.featured-waveform .wave-bar:nth-child(2){animation-delay:.15s}.featured-waveform .wave-bar:nth-child(3){animation-delay:.3s}.article-list-audio-player{position:relative;width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-left:auto}.list-progress-ring{position:absolute;top:0;left:0;transform:rotate(-90deg)}.list-progress-bg{fill:none;stroke:#2563eb26;stroke-width:2}.list-progress-circle{fill:none;stroke:url(#list-audio-gradient);stroke-width:2;stroke-linecap:round;transition:stroke-dashoffset .3s ease}.list-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #2563eb40;z-index:2}.list-play-button:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 3px 10px #2563eb59}.article-list-audio-player.playing .list-play-button:hover{transform:translate(-50%,-50%) scale(1.15)!important;box-shadow:0 4px 14px #2563eb80!important}.list-play-button:active{transform:translate(-50%,-50%) scale(.92)}.list-waveform{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:1.5px;opacity:0;pointer-events:none;z-index:1}.list-waveform.playing{opacity:1}.list-waveform .wave-bar{width:1.5px;height:6px;background:#ffffffe6;border-radius:1px;animation:wave 1s ease-in-out infinite}.list-waveform .wave-bar:nth-child(1){animation-delay:0s}.list-waveform .wave-bar:nth-child(2){animation-delay:.15s}.list-waveform .wave-bar:nth-child(3){animation-delay:.3s}.article-list-audio-player.disabled{opacity:.3;pointer-events:none;cursor:not-allowed}.article-list-audio-player.disabled .list-play-button{cursor:not-allowed;pointer-events:none}.article-list-audio-player.disabled .list-progress-ring{opacity:.5}.article-list-audio-player.disabled .list-play-button:hover{transform:translate(-50%,-50%) scale(1)!important;box-shadow:none!important}.project-video-player-container{width:100%;max-width:1200px;margin:0 auto;background:#0a0e27;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000080;position:relative}.project-video-player-container video{width:100%;height:auto;display:block;aspect-ratio:16/9}.video-play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0a0e2766;cursor:pointer;transition:all .3s ease;pointer-events:none;opacity:0}.video-play-overlay.show{pointer-events:all;opacity:1}.video-play-overlay:hover{background:#0a0e2799}.video-play-overlay-button{width:80px;height:80px;border-radius:50%;background:#fffffff2;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.video-play-overlay:hover .video-play-overlay-button{transform:scale(1.1);background:#fff}.video-play-overlay-button svg{width:32px;height:32px;margin-left:4px}.video-hover-control{position:absolute;background:#0009;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease,background .2s ease,transform .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.video-hover-control.visible{opacity:1}.video-hover-control:hover{background:#000c}.video-hover-playpause{top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%}.video-hover-playpause.visible{opacity:1}.video-hover-playpause:hover{transform:translate(-50%,-50%) scale(1.1)}.video-hover-fullscreen{bottom:16px;right:16px;width:40px;height:40px;border-radius:8px}.video-hover-fullscreen:hover{transform:scale(1.1)}.project-video-player-container:fullscreen{background:#000;display:flex;align-items:center;justify-content:center}.project-video-player-container:fullscreen video{max-height:100vh;max-width:100vw;object-fit:contain}