@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#1a1a1a;--border:#2e303a;--code-bg:#262626;--accent:#a2005d;--accent-bg:#a2005d26;--accent-border:#a2005d80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;box-sizing:border-box;flex-direction:column;min-height:100svh;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg-color:#1a1a1a;--bg-card:#262626;--primary-accent:#a2005d;--secondary-accent:#f3f4f6;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--border-radius:12px}.app-container{background-color:var(--bg-color);color:var(--text-primary);background-image:url("data:image/svg+xml,%3Csvg width='400' height='400' xmlns='http://www.w3.org/2000/svg' stroke='%23252525' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' fill='none'%3E%3Cpath d='M30,80 C30,30 90,30 90,80 C90,100 80,90 75,100 C70,90 60,100 55,90 C50,100 40,90 35,100 C30,90 30,80 30,80 Z'/%3E%3Ccircle cx='50' cy='55' r='3' fill='%23252525'/%3E%3Ccircle cx='70' cy='55' r='3' fill='%23252525'/%3E%3Cpath d='M55,70 Q60,75 65,70'/%3E%3Cpath d='M170,60 Q200,30 230,60 Q200,90 170,60 Z'/%3E%3Ccircle cx='200' cy='60' r='10'/%3E%3Ccircle cx='200' cy='60' r='3' fill='%23252525'/%3E%3Cpath d='M200,20 v5 M200,95 v5 M160,60 h-5 M245,60 h-5'/%3E%3Cpath d='M310,80 Q320,30 340,60 T370,40'/%3E%3Ccircle cx='370' cy='40' r='6'/%3E%3Ccircle cx='372' cy='38' r='1' fill='%23252525'/%3E%3Cpath d='M375,40 L382,42'/%3E%3Ccircle cx='130' cy='160' r='20'/%3E%3Cpath d='M95,170 Q130,190 165,150'/%3E%3Cpath d='M105,165 Q130,140 155,155'/%3E%3Ccircle cx='125' cy='155' r='2' fill='%23252525'/%3E%3Ccircle cx='140' cy='165' r='1' fill='%23252525'/%3E%3Ccircle cx='270' cy='160' r='18'/%3E%3Cpath d='M270,135 v-5 M270,185 v5 M245,160 h-5 M295,160 h5 M252,142 l-4,-4 M288,178 l4,4 M252,178 l-4,4 M288,142 l4,-4'/%3E%3Ccircle cx='263' cy='155' r='2' fill='%23252525'/%3E%3Ccircle cx='277' cy='155' r='2' fill='%23252525'/%3E%3Cpath d='M263,165 Q270,172 277,165'/%3E%3Crect x='35' y='240' width='50' height='40' rx='8'/%3E%3Cpath d='M50,240 L40,225 M70,240 L80,225'/%3E%3Ccircle cx='40' cy='225' r='3'/%3E%3Ccircle cx='80' cy='225' r='3'/%3E%3Ccircle cx='50' cy='255' r='2' fill='%23252525'/%3E%3Ccircle cx='70' cy='255' r='2' fill='%23252525'/%3E%3Cpath d='M55,265 h10'/%3E%3Cpath d='M200,260 m0,-5 a5,5 0 1,1 -5,5 a10,10 0 1,1 15,-10 a15,15 0 1,1 -25,15 a20,20 0 1,1 35,-20 a25,25 0 1,1 -45,25'/%3E%3Cpath d='M340,230 L360,250 L340,290 L320,250 Z'/%3E%3Cpath d='M340,230 L340,290 M320,250 L360,250 M328,242 L352,242'/%3E%3Cpath d='M365,235 v-5 M370,230 h-5'/%3E%3Cpath d='M105,340 h50 v40 h-50 z'/%3E%3Cpath d='M105,360 l10,-10 l10,10 l10,-10 l10,10 l10,-10'/%3E%3Ccircle cx='120' cy='350' r='3' fill='%23252525'/%3E%3Ccircle cx='140' cy='350' r='3' fill='%23252525'/%3E%3Cpath d='M245,360 C245,330 295,330 295,360 Z'/%3E%3Cpath d='M260,360 v20 h20 v-20'/%3E%3Ccircle cx='260' cy='345' r='3'/%3E%3Ccircle cx='280' cy='350' r='4'/%3E%3Ccircle cx='270' cy='355' r='2'/%3E%3C/svg%3E");background-size:400px 400px;background-attachment:fixed;flex-direction:column;min-height:100vh;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.layout-container{box-sizing:border-box;width:100%;padding:0 40px}a{color:var(--text-secondary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-accent)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin:0}p{color:var(--text-secondary);margin:0;line-height:1.6}button{cursor:pointer;border:none;font-family:inherit;transition:opacity .2s}button:hover{opacity:.9}.avatar{background:linear-gradient(135deg, #a2005d, var(--primary-accent));box-sizing:border-box;object-fit:cover;object-position:center top;border:3px solid #fff;border-radius:50%;width:40px;height:40px}.btn-primary{background-color:var(--primary-accent);color:#fff;border-radius:var(--border-radius);padding:10px 24px;font-size:.9rem;font-weight:700}@media (width<=600px){.layout-container{padding:0 20px}}:root{--bg-color:#1a1a1a;--bg-card:#262626;--primary-accent:#a2005d;--secondary-accent:#f3f4f6;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--border-color:#ffffff1a;--shadow-color:#00000080}.site-header{z-index:10;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);background-color:#1a1a1acc;justify-content:space-between;align-items:center;padding:24px 40px;display:flex;position:sticky;top:0}.branding{align-items:center;gap:12px;display:flex}.branding-text{color:var(--text-primary);font-size:1rem}.branding-text strong{font-weight:700}.nav-links{gap:32px;margin:0;padding:0;list-style:none;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-links a{font-size:.95rem;font-weight:500}.nav-links a.active{color:var(--primary-accent)}@media (width<=768px){.site-header{padding:24px 20px}.branding-text{display:none}.nav-links{gap:20px;position:static;transform:none}}@media (width<=600px){.nav-links{display:none}.site-header{padding:24px 20px}.branding-text{display:none}.avatar{width:40px;height:40px}.btn-primary{padding:8px 12px;font-size:.8rem}}.contact-container{display:inline-block;position:relative}.contact-widget{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 4px 12px var(--shadow-color);z-index:1000;white-space:nowrap;opacity:1;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;transition:opacity .3s ease-out,transform .3s ease-out;display:flex;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(0)}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutSlideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.contact-widget.fade-in-slide-up{animation:.3s ease-out forwards fadeInSlideUp}.contact-widget.fade-out-slide-down{animation:.3s ease-out forwards fadeOutSlideDown}.contact-widget:before{content:"";background-color:var(--bg-card);border-top:1px solid var(--border-color);border-left:1px solid var(--border-color);z-index:-1;width:12px;height:12px;position:absolute;top:-6px;right:20px;transform:rotate(45deg)}.email-text{color:var(--text-primary);font-family:monospace;font-size:15px}.btn-copy{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s,color .2s;display:flex}.btn-copy:hover{color:var(--text-primary);background-color:rgba(var(--secondary-accent-rgb), .1)}.btn-copy svg{width:18px;height:18px}.btn-copy .check-icon{color:var(--primary-accent)}.mobile-nav-menu{display:none}@media (width<=600px){.mobile-menu-trigger{cursor:pointer}.mobile-nav-menu{-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:5;background-color:#1a1a1af2;padding:10px 0;display:block;position:absolute;top:100%;left:0;right:0}.mobile-nav-menu ul{text-align:center;margin:0;padding:0;list-style:none}.mobile-nav-menu ul li{padding:15px 0}.mobile-nav-menu ul li a{color:var(--text-primary);font-size:1.2rem;font-weight:500;text-decoration:none}.mobile-nav-menu ul li a.active{color:var(--primary-accent)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.mobile-nav-menu.slide-in-down{animation:.3s ease-out forwards slideInDown}.mobile-nav-menu.slide-out-up{animation:.3s ease-out forwards slideOutUp}.hero-section{grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:80px 0;display:grid}.hero-copy h1{margin-bottom:24px;font-size:3.5rem;font-weight:800;line-height:1.1}.hero-copy p{color:var(--text-secondary);margin-bottom:32px;font-size:1.125rem}.hero-visual{justify-content:center;align-items:center;height:450px;display:flex}.hero-image{object-fit:cover;border-radius:var(--border-radius);width:100%;height:100%}@media (width<=900px){.hero-section{text-align:center;grid-template-columns:1fr;padding:60px 0}}.articles-section{padding:60px 0}.articles-section h2{margin-bottom:48px;font-size:2rem}.articles-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=900px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.articles-grid{grid-template-columns:1fr}}.categories-section{text-align:center;padding:80px 0}.categories-section h2{margin-bottom:48px;font-size:2rem}.categories-grid{justify-content:center;gap:64px;display:flex}.category-container{flex-direction:column;align-items:center;display:flex;position:relative}.category-widget{background-color:var(--bg-card);width:200px;color:var(--text-secondary);border:1px solid var(--primary-accent);z-index:10;border-radius:8px;margin-bottom:16px;padding:16px;position:absolute;bottom:100%;box-shadow:0 0 15px #a2005d33}.category-widget p{margin:0;font-size:.9rem}.category-item{cursor:pointer;flex-direction:column;align-items:center;gap:20px;display:flex}.category-icon{background-color:var(--bg-color);border:1px solid var(--primary-accent);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;display:flex;box-shadow:0 0 15px #a2005d66}.icon-placeholder{background-color:var(--primary-accent);opacity:.8;border-radius:4px;width:32px;height:32px}.category-label{color:var(--secondary-accent);letter-spacing:.5px;font-size:.85rem;font-weight:700}@media (width<=600px){.categories-grid{flex-direction:column;gap:32px}}.site-footer{border-top:1px solid #333;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px;padding:60px 0;display:grid}.footer-column{flex-direction:column;display:flex}.footer-branding{gap:24px}.footer-logo{align-items:center;gap:12px;display:flex}.footer-logo span{color:var(--primary-accent);font-size:1.25rem;font-weight:700}.footer-links{flex-direction:column;gap:12px;display:flex}.footer-links a{font-size:.95rem}.footer-title{color:#fff;margin-bottom:24px;font-size:1.1rem;font-weight:700}.social-icons{gap:16px;display:flex}.social-icon{background-color:var(--bg-card);cursor:pointer;border:2px solid var(--primary-accent);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background-color .2s;display:flex}.social-icon:hover{background-color:#fff}@media (width<=900px){.site-footer{grid-template-columns:1fr 1fr}}@media (width<=600px){.site-footer{grid-template-columns:1fr}}.app-root{width:100%}.articles-page-header{text-align:center;padding:150px 0 40px}.articles-page-header h1{margin-bottom:48px;font-size:3.5rem;font-weight:800}.articles-page-header p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.125rem}.articles-page-grid{grid-template-columns:repeat(3,1fr);gap:24px;padding:40px 0 100px;display:grid}.article-card{background-color:var(--bg-card);border-radius:var(--border-radius);flex-direction:column;display:flex;overflow:hidden}.article-image{background-color:#333;width:100%;height:200px}.article-content{flex-direction:column;flex:1;padding:24px;display:flex}.category-badge{background-color:var(--primary-accent);color:#fff;letter-spacing:.5px;border-radius:20px;align-self:flex-start;margin-bottom:16px;padding:4px 12px;font-size:.7rem;font-weight:700}.article-title{margin-bottom:12px;font-size:1.25rem;font-weight:700}.article-meta{color:var(--text-secondary);margin-bottom:16px;font-size:.85rem}.article-excerpt{flex:1;margin-bottom:24px;font-size:.95rem}.article-link{color:#fff;margin-top:auto;font-size:.9rem;font-weight:600}@media (width<=900px){.articles-page-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.articles-page-grid{grid-template-columns:1fr}.articles-page-header h1{letter-spacing:-.5px;font-size:2.5rem;line-height:1.2}}.article-viewer-container{max-width:1000px;margin:0 auto;padding:60px 0 100px}.back-link{color:var(--text-secondary);letter-spacing:.5px;margin-bottom:40px;font-size:.95rem;font-weight:600;display:inline-block}.back-link:hover{color:var(--primary-accent)}.viewer-header{margin-bottom:48px}.viewer-category{background-color:var(--primary-accent);color:#fff;letter-spacing:1px;border-radius:20px;margin-bottom:24px;padding:6px 16px;font-size:.75rem;font-weight:700;display:inline-block}.viewer-title{margin-bottom:20px;font-size:3.5rem;font-weight:800;line-height:1.1}.viewer-meta{color:var(--text-secondary);font-size:1rem}.viewer-image{border-radius:var(--border-radius);background-color:#333;background-position:50%;background-size:cover;width:100%;height:400px;margin-bottom:48px}.viewer-body{color:var(--text-primary)}.viewer-excerpt{color:var(--secondary-accent);border-left:4px solid var(--primary-accent);margin-bottom:40px;padding-left:20px;font-size:1.25rem;font-style:italic;line-height:1.6}.viewer-content{font-size:1.125rem;line-height:1.8}.viewer-content h1,.viewer-content h2,.viewer-content h3{color:#fff;margin-top:32px;margin-bottom:16px}@media (width<=900px){.viewer-title{font-size:2.5rem}.viewer-image{height:300px}}@media (width<=600px){.viewer-title{font-size:2rem}.viewer-image{height:200px}.viewer-excerpt{font-size:1.1rem}.viewer-content{font-size:1rem}}