@keyframes glow-pulse{0%{transform:scale(1);opacity:.06}to{transform:scale(1.3);opacity:.12}}@keyframes blink{50%{opacity:0}}@keyframes card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scroll-line{0%{opacity:0;transform:scaleY(0);transform-origin:top}50%{opacity:1;transform:scaleY(1);transform-origin:top}to{opacity:0;transform:scaleY(1);transform-origin:bottom}}@keyframes loader-anim{25%{background-position:0 0,100% 100%,100% calc(100% - 5px)}50%{background-position:0 100%,100% 100%,0 calc(100% - 5px)}75%{background-position:0 100%,100%0,100% 5px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}*,::after,::before{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-card:#16161f;--bg-card-hover:#1c1c28;--border:#1e1e2e;--border-hover:#2e2e44;--text-primary:#e8e8f0;--text-secondary:#8888a4;--text-muted:#5a5a74;--text-greyed:#c2c2c2;--accent:#7c5cfc;--accent-light:#a78bfa;--accent-dark:#5b3fd4;--accent-glow:rgba(124, 92, 252, 0.15);--gradient:linear-gradient(135deg, #7c5cfc, #a78bfa, #c4b5fd);--gradient-bg:linear-gradient(135deg, rgba(124, 92, 252, 0.08), rgba(167, 139, 250, 0.04));--radius-sm:6px;--radius:12px;--radius-lg:20px;--radius-xl:28px;--font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, 'SFMono-Regular', 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;--transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:0.6s cubic-bezier(0.4, 0, 0.2, 1)}html[data-accent=blue]{--accent:#5b9cf5;--accent-light:#7db8ff;--accent-dark:#3a7ad4;--accent-glow:rgba(91, 156, 245, 0.15);--gradient:linear-gradient(135deg, #5b9cf5, #7db8ff, #a8d0ff);--gradient-bg:linear-gradient(135deg, rgba(91, 156, 245, 0.08), rgba(125, 184, 255, 0.04))}html[data-accent=orange]{--accent:#f59e42;--accent-light:#ffc073;--accent-dark:#d47e1f;--accent-glow:rgba(245, 158, 66, 0.15);--gradient:linear-gradient(135deg, #f59e42, #ffc073, #ffe0b2);--gradient-bg:linear-gradient(135deg, rgba(245, 158, 66, 0.08), rgba(255, 192, 115, 0.04))}html[data-accent=teal]{--accent:#34c9a2;--accent-light:#5ee4c0;--accent-dark:#1fa87e;--accent-glow:rgba(52, 201, 162, 0.15);--gradient:linear-gradient(135deg, #34c9a2, #5ee4c0, #a0f0d8);--gradient-bg:linear-gradient(135deg, rgba(52, 201, 162, 0.08), rgba(94, 228, 192, 0.04))}html[data-theme=light][data-accent=blue]{--accent-glow:rgba(91, 156, 245, 0.1);--gradient-bg:linear-gradient(135deg, rgba(91, 156, 245, 0.06), rgba(125, 184, 255, 0.03))}html[data-theme=light][data-accent=orange]{--accent-glow:rgba(245, 158, 66, 0.1);--gradient-bg:linear-gradient(135deg, rgba(245, 158, 66, 0.06), rgba(255, 192, 115, 0.03))}html[data-theme=light][data-accent=teal]{--accent-glow:rgba(52, 201, 162, 0.1);--gradient-bg:linear-gradient(135deg, rgba(52, 201, 162, 0.06), rgba(94, 228, 192, 0.03))}html[data-theme=light]{--bg-primary:#f8f9fc;--bg-secondary:#eef0f5;--bg-card:#ffffff;--bg-card-hover:#f0f0f8;--border:#dcdce6;--border-hover:#c0c0d0;--text-primary:#1a1a2e;--text-secondary:#4a4a64;--text-muted:#7a7a94;--accent-glow:rgba(124, 92, 252, 0.1);--gradient-bg:linear-gradient(135deg, rgba(124, 92, 252, 0.06), rgba(167, 139, 250, 0.03))}@media (prefers-color-scheme:light){html:not([data-theme=light]):not([data-theme=dark]){--bg-primary:#f8f9fc;--bg-secondary:#eef0f5;--bg-card:#ffffff;--bg-card-hover:#f0f0f8;--border:#dcdce6;--border-hover:#c0c0d0;--text-primary:#1a1a2e;--text-secondary:#4a4a64;--text-muted:#7a7a94;--accent-glow:rgba(124, 92, 252, 0.1);--gradient-bg:linear-gradient(135deg, rgba(124, 92, 252, 0.06), rgba(167, 139, 250, 0.03))}}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:var(--accent-light);text-decoration:none;transition:color var(--transition)}a:hover,body{color:var(--text-primary)}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 24px}.text-gradient{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.animate-target{opacity:0;transform:translateY(30px);transition:opacity var(--transition-slow),transform var(--transition-slow);will-change:opacity,transform}.animate-target.animate-in{opacity:1;transform:translateY(0);will-change:auto}.animate-in:nth-child(2){transition-delay:.1s}.animate-in:nth-child(3){transition-delay:.2s}.animate-in:nth-child(4){transition-delay:.3s}.animate-in:nth-child(5){transition-delay:.4s}.animate-in:nth-child(6){transition-delay:.5s}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;transition:all var(--transition)}.nav--scrolled{padding:12px 0;background:rgba(10,10,15,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}html[data-theme=light] .nav--scrolled{background:rgba(248,249,252,.85)}@media (prefers-color-scheme:light){html:not([data-theme=light]):not([data-theme=dark]) .nav--scrolled{background:rgba(248,249,252,.85)}}.nav__container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.nav__logo{display:flex;align-items:flex-end;gap:0}.nav__logo-img{height:36px;width:auto;opacity:.4;filter:grayscale(1) brightness(1.5);transition:transform var(--transition),opacity var(--transition),filter var(--transition)}.nav__logo:hover .nav__logo-img{opacity:1;filter:grayscale(1) brightness(.5) sepia(1) hue-rotate(210deg) saturate(5) brightness(.8);transform:scale(1.05)}html[data-theme=light] .nav__logo-img{filter:grayscale(1) brightness(.8)}@media (prefers-color-scheme:light){html:not([data-theme=light]):not([data-theme=dark]) .nav__logo-img{filter:grayscale(1) brightness(.8)}}.nav__logo-text{font-size:1rem;font-weight:700;color:var(--text-greyed);font-family:var(--font-mono);transition:color var(--transition);line-height:1;margin-bottom:2px;text-transform:lowercase}.nav__logo:hover .nav__logo-text{color:var(--accent-light)}.nav__links{display:flex;list-style:none;gap:8px;align-items:center}.nav__link,.nav__toggle span{transition:all var(--transition)}.nav__link{color:var(--text-secondary);font-size:.875rem;font-weight:500;padding:8px 16px;border-radius:var(--radius-sm);position:relative}.about__text strong,.article__content strong,.nav__link.active,.nav__link:hover{color:var(--text-primary)}.nav__link.active::after{content:"";position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:4px;height:4px;background:var(--accent);border-radius:50%}.nav__link--icon{display:flex;align-items:center;padding:8px 12px}.nav__toggle{display:none;flex-direction:column;gap:5px;background:0 0;border:0;cursor:pointer;padding:4px}.nav__toggle span{width:24px;height:2px;background:var(--text-muted);border-radius:2px;opacity:.5}.nav__toggle:hover span{background:var(--text-primary);opacity:1}.nav__toggle--active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav__toggle--active span:nth-child(2){opacity:0}.nav__toggle--active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.penseel-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:50%;background:0 0;color:var(--text-muted);cursor:pointer;transition:all var(--transition);padding:0;margin-left:auto;margin-right:16px}.penseel-btn svg{width:17px;height:17px}.penseel-icon{display:none}.penseel-icon--active{display:block}.penseel-btn:hover{color:var(--accent);background:var(--accent-glow)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;padding-top:80px}.hero__bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(124,92,252,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(124,92,252,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 70% 60%at 50% 50%,#000 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70% 60%at 50% 50%,#000 30%,transparent 100%)}html[data-theme=light] .hero__bg-grid{background-image:linear-gradient(rgba(124,92,252,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(124,92,252,.05) 1px,transparent 1px)}@media (prefers-color-scheme:light){html:not([data-theme=light]):not([data-theme=dark]) .hero__bg-grid{background-image:linear-gradient(rgba(124,92,252,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(124,92,252,.05) 1px,transparent 1px)}}.hero__glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.4;pointer-events:none}.hero__glow--1{width:600px;height:600px;background:var(--accent);top:-200px;right:-100px;opacity:.08;animation:glow-pulse 8s ease-in-out infinite alternate}.hero__glow--2{width:400px;height:400px;background:#a78bfa;bottom:-100px;left:-100px;opacity:.06;animation:glow-pulse 10s ease-in-out infinite alternate-reverse}.hero__container{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.hero__badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.badge,.hero__greeting{color:var(--text-secondary)}.badge{font-size:.75rem;font-weight:500;padding:4px 12px;border-radius:100px;border:1px solid var(--border);background:var(--bg-secondary);transition:all var(--transition)}.badge:hover{border-color:var(--accent);color:var(--accent-light)}.hero__greeting{font-size:1.125rem;font-weight:400;margin-bottom:4px}.hero__title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:12px}.hero__subtitle{font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:400;color:var(--text-secondary);margin-bottom:24px}.typewriter__cursor{animation:blink 1s step-end infinite}.hero__description{font-size:1rem;color:var(--text-secondary);line-height:1.8;max-width:520px;margin-bottom:32px}.hero__cta{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;font-size:.9375rem;font-weight:500;border-radius:var(--radius);border:0;cursor:pointer;transition:all var(--transition);font-family:var(--font-sans);text-decoration:none}.btn--primary{background:var(--accent);color:#fff;box-shadow:0 0 20px rgba(124,92,252,.3)}.btn--primary:hover{background:var(--accent-light);color:#fff;box-shadow:0 0 30px rgba(124,92,252,.5);transform:translateY(-2px)}.btn--outline{background:0 0;color:var(--text-secondary);border:1px solid var(--border)}.btn--outline:hover{border-color:var(--accent);color:var(--accent-light);background:var(--accent-glow)}.btn--icon{padding:0;width:42px;height:42px;min-width:auto;display:inline-flex;align-items:center;justify-content:center}.btn__arrow{transition:transform var(--transition)}.btn:hover .btn__arrow{transform:translateX(4px)}.hero__visual{display:flex;justify-content:center}.hero__card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;width:100%;max-width:440px;box-shadow:0 20px 60px rgba(0,0,0,.4);transition:all var(--transition-slow);animation:card-float 6s ease-in-out infinite}html[data-theme=light] .hero__card{box-shadow:0 20px 60px rgba(0,0,0,.08)}@media (prefers-color-scheme:light){html:not([data-theme=light]):not([data-theme=dark]) .hero__card{box-shadow:0 20px 60px rgba(0,0,0,.08)}}.hero__card:hover{border-color:var(--border-hover);box-shadow:0 20px 80px rgba(124,92,252,.1)}.hero__card-header{display:flex;align-items:center;gap:6px;padding:8px 18px;border-bottom:1px solid var(--border)}.hero__card-dot{width:10px;height:10px;border-radius:50%;background:var(--border-hover)}.hero__card-dot:nth-child(1){background:#ff5f57}.hero__card-dot:nth-child(2){background:#febc2e}.hero__card-dot:nth-child(3){background:#28c840}.hero__card-title{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted);margin-left:8px}.hero__card-code{padding:20px 24px;font-family:var(--font-mono);font-size:.8125rem;line-height:1.8}.hero__card-code pre{margin:0}.about__text p,.hero__card-code code{color:var(--text-secondary)}.code-comment{color:var(--text-muted)}.code-key{color:var(--accent-light)}.hero__scroll{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.hero__scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--accent),transparent);animation:scroll-line 2s ease-in-out infinite}.section{padding:120px 0;position:relative}.section__header{margin-bottom:60px}.section__label{display:inline-block;font-family:var(--font-mono);font-size:.8125rem;color:var(--accent);margin-bottom:16px;letter-spacing:.05em}.section__title{font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;letter-spacing:-.02em}.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.about__text p{margin-bottom:20px;font-size:1.0625rem;line-height:1.8}.about__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.stat{text-align:center;padding:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition)}.highlight-card:hover,.stat:hover{border-color:var(--accent);background:var(--bg-card-hover)}.stat__number,.stat__plus{font-size:2.5rem;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat__plus{font-size:1.5rem;font-weight:700}.highlight-card p,.stat__label{font-size:.8125rem;color:var(--text-muted)}.stat__label{display:block;margin-top:4px}.about__highlights{display:grid;grid-template-columns:1fr 1fr;gap:16px}.highlight-card{padding:28px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition)}.highlight-card:hover{transform:translateY(-4px);box-shadow:0 10px 40px rgba(124,92,252,.08)}.highlight-card__icon{font-size:1.5rem;margin-bottom:12px;filter:grayscale(1) brightness(1.5)}.highlight-card h3{font-size:.9375rem;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.highlight-card p{line-height:1.6}.services{background:var(--bg-secondary)}.services__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{padding:36px 28px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);position:relative;overflow:hidden}.service-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient);opacity:0;transition:opacity var(--transition)}.service-card:hover{background:var(--bg-card-hover);transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,.3)}.arch-modal__dots:hover .arch-modal__dot svg,.service-card:hover::before{opacity:1}.service-card__number{font-family:var(--font-mono);font-size:.75rem;color:var(--accent);font-weight:500;margin-bottom:16px}.service-card__title{font-size:1.125rem;font-weight:600;margin-bottom:12px;line-height:1.3}.service-card__desc{font-size:.875rem;color:var(--text-secondary);line-height:1.7;margin-bottom:20px}.service-card__tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none}.article-card__tags span,.service-card__tags li{font-size:.6875rem;font-family:var(--font-mono);background:var(--accent-glow);border-radius:100px;border:1px solid rgba(124,92,252,.15)}.service-card__tags li{padding:3px 10px;color:var(--accent-light)}.technologies{background:var(--bg-secondary)}.skills__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.skills__category{padding:28px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition)}.service-card:hover,.skills__category:hover{border-color:var(--border-hover)}.skills__category-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:16px}.skills__tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{font-size:.8125rem;padding:6px 14px;background:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--radius-sm);border:1px solid var(--border);transition:all var(--transition);cursor:default}.skill-tag:hover{border-color:var(--accent);color:var(--accent-light);background:var(--accent-glow);transform:translateY(-2px)}.page-header{padding-top:120px;padding-bottom:60px}.articles__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;margin-bottom:60px}.article-card{padding:32px 28px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);text-decoration:none;color:inherit;display:flex;flex-direction:column}.article-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.2);color:inherit}.article-card__date{font-family:var(--font-mono);font-size:.75rem;color:var(--accent);margin-bottom:12px}.article-card__title{font-size:1.125rem;font-weight:600;margin-bottom:12px;line-height:1.4}.article-card__excerpt{font-size:.875rem;color:var(--text-secondary);line-height:1.7;margin-bottom:16px;flex:1}.article-card__tags{display:flex;flex-wrap:wrap;gap:6px}.article-card__tags span{padding:2px 10px}.article{max-width:780px;margin:0 auto;padding-top:120px;padding-bottom:80px}.article__back{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;color:var(--text-muted);margin-bottom:32px;transition:color var(--transition)}.article-card__tags span,.article__back:hover,.article__content a{color:var(--accent-light)}.loader{width:80px;height:70px;border:5px solid var(--accent-primary, #7c5cfc);padding:0 8px;box-sizing:border-box;background:linear-gradient(var(--bg-primary, #0a0a0f)0 0)0 0/8px 20px,linear-gradient(var(--bg-primary, #0a0a0f)0 0) 100%0/8px 20px,radial-gradient(farthest-side,var(--bg-primary, #0a0a0f) 90%,#0000)0 5px/8px 8px content-box,var(--accent-primary, #7c5cfc);background-repeat:no-repeat;animation:loader-anim 2s infinite linear;margin:80px auto}.article__meta{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.article__date{font-family:var(--font-mono);font-size:.8125rem;color:var(--accent)}.article__reading-time{font-size:.8125rem;color:var(--text-muted)}.article h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.3;margin-bottom:24px}.article__content,.article__content pre code{font-size:1.0625rem;line-height:1.9;color:var(--text-secondary)}.article__content h2,.article__content h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-top:48px;margin-bottom:16px}.article__content h3{font-size:1.25rem;font-weight:600;margin-top:32px;margin-bottom:12px}.article__content p{margin-bottom:20px}.article__content ol,.article__content ul{margin-bottom:20px;padding-left:24px}.article__content li{margin-bottom:8px}.article__content code,.article__content pre{background:var(--bg-card);border:1px solid var(--border)}.article__content code{font-family:var(--font-mono);font-size:.875em;padding:2px 8px;border-radius:4px;color:var(--accent-light)}.article__content pre{margin-bottom:24px;padding:20px 24px;border-radius:var(--radius);overflow-x:auto}.article__content pre code{padding:0;background:0 0;border:0;font-size:.8125rem;line-height:1.7}.article__content blockquote{border-left:3px solid var(--accent);padding-left:20px;margin:24px 0;color:var(--text-muted);font-style:italic}.article__content a{text-decoration:underline;text-underline-offset:3px}.article__content a:hover,.penseel-modal__theme-card.active .penseel-modal__theme-label{color:var(--accent)}.wishlist__grid{display:grid;gap:16px;margin-bottom:60px}.wishlist__section{margin-bottom:48px}.wishlist__section-title{font-size:1.25rem;font-weight:600;margin-bottom:20px;color:var(--text-primary)}.wishlist-item{padding:20px 24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;gap:16px;transition:all var(--transition)}.wishlist-item:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.wishlist-item--done{opacity:.6}.wishlist-item__status{width:24px;height:24px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center}.wishlist-item--done .wishlist-item__status{background:var(--accent);border-color:var(--accent)}.wishlist-item--done .wishlist-item__status::after{content:"✓";color:#fff;font-size:.75rem;font-weight:700}.wishlist-item--in-progress .wishlist-item__status{border-color:var(--accent);background:var(--accent-glow)}.wishlist-item--in-progress .wishlist-item__status::after{content:"";width:8px;height:8px;background:var(--accent);border-radius:50%;animation:pulse 2s infinite}.wishlist-item__content{flex:1}.wishlist-item__title{font-size:.9375rem;font-weight:500;margin-bottom:4px}.wishlist-item--done .wishlist-item__title{text-decoration:line-through;color:var(--text-muted)}.wishlist-item__desc{font-size:.8125rem;color:var(--text-muted);line-height:1.5}.wishlist-item__priority{font-family:var(--font-mono);font-size:.6875rem;padding:2px 10px;border-radius:100px;border:1px solid rgba(124,92,252,.15);color:var(--accent-light);background:var(--accent-glow);white-space:nowrap}.modal{display:none;position:fixed;inset:0;z-index:1000}.modal--open{display:flex;align-items:center;justify-content:center}.modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);animation:modalFadeIn .25s ease}.modal__container{position:relative;width:90%;max-width:720px;max-height:85vh;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;animation:modalSlideIn .3s ease;z-index:1}.modal__close{position:absolute;top:16px;right:20px;background:0 0;border:0;font-size:1.5rem;color:var(--text-muted);cursor:pointer;line-height:1;transition:color var(--transition)}.modal__close:hover{color:var(--text-primary)}.modal__header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.modal__title{font-size:1.375rem;font-weight:700}.penseel-modal__container{max-width:520px}.penseel-modal__body,.penseel-modal__section{display:flex;flex-direction:column;gap:28px}.penseel-modal__section{gap:12px}.penseel-modal__label{font-size:.8125rem;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.penseel-modal__themes{display:flex;gap:16px}.penseel-modal__theme-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;background:0 0;border:2px solid var(--border);border-radius:var(--radius);padding:12px 8px 10px;cursor:pointer;transition:all var(--transition)}.penseel-modal__theme-card:hover{border-color:var(--border-hover)}.penseel-modal__theme-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.penseel-modal__theme-preview{width:100%;aspect-ratio:16/10;border-radius:var(--radius-sm);overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:flex-end}.penseel-modal__theme-preview--auto{background:linear-gradient(135deg,#f8f9fc 50%,#0a0a0f 50%)}.penseel-modal__theme-preview--light{background:#f8f9fc}.penseel-modal__theme-preview--dark{background:#0a0a0f}.penseel-modal__preview-bar{height:20%;margin:0 12%;border-radius:4px 4px 0 0;background:var(--accent);opacity:.8}.penseel-modal__preview-dots{display:flex;gap:4px;padding:4px 12%;background:rgba(255,255,255,.15)}.penseel-modal__preview-dots span{width:6px;height:6px;border-radius:50%}.penseel-modal__theme-preview--light .penseel-modal__preview-dots{background:rgba(255,255,255,.85)}.penseel-modal__theme-preview--auto .penseel-modal__preview-dots span,.penseel-modal__theme-preview--dark .penseel-modal__preview-dots span,.penseel-modal__theme-preview--light .penseel-modal__preview-dots span{background:#ff5f56}.penseel-modal__theme-preview--light .penseel-modal__preview-dots span:nth-child(2){background:#ffbd2e}.penseel-modal__theme-preview--light .penseel-modal__preview-dots span:nth-child(3){background:#27c93f}.penseel-modal__theme-preview--dark .penseel-modal__preview-dots{background:rgba(255,255,255,.08)}.penseel-modal__theme-preview--dark .penseel-modal__preview-dots span:nth-child(2){background:#ffbd2e}.penseel-modal__theme-preview--dark .penseel-modal__preview-dots span:nth-child(3){background:#27c93f}.penseel-modal__theme-preview--auto .penseel-modal__preview-dots span:nth-child(2){background:#ffbd2e}.penseel-modal__theme-preview--auto .penseel-modal__preview-dots span:nth-child(3){background:#27c93f}.penseel-modal__theme-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.penseel-modal__colors{display:flex;gap:14px}.penseel-modal__color-btn{width:40px;height:40px;border-radius:50%;border:2px solid var(--border);background:0 0;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.penseel-modal__color-btn span{width:26px;height:26px;border-radius:50%;background:var(--swatch);transition:transform var(--transition)}.penseel-modal__color-btn:hover{border-color:var(--swatch)}.penseel-modal__color-btn:hover span{transform:scale(1.1)}.penseel-modal__color-btn.active{border-color:var(--swatch);box-shadow:0 0 0 2px var(--swatch)}.arch-modal__container{position:relative;width:90%;max-width:900px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:0;animation:modalSlideIn .3s ease;z-index:1;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.arch-modal__titlebar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-primary);border-bottom:1px solid var(--border);border-radius:12px 12px 0 0;flex-shrink:0;z-index:2}.arch-modal__dots{display:flex;gap:8px}.arch-modal__dot{width:12px;height:12px;border-radius:50%;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.arch-modal__dot svg{width:8px;height:8px;opacity:0;transition:opacity .15s ease;position:absolute}.arch-modal__dot::before{content:"";position:absolute;inset:-6px;border-radius:50%}.arch-modal__dot--red{background:#ff5f57}.arch-modal__dot--yellow{background:#febc2e}.arch-modal__dot--green{background:#28c840}.arch-modal.arch-modal--minimized{display:flex;align-items:flex-end;justify-content:flex-end;pointer-events:none;padding:0 24px 0 0}.arch-modal--minimized .modal__overlay{display:none}.arch-modal--minimized .arch-modal__container{width:320px;max-height:44px;overflow:hidden;border-radius:8px 8px 0 0;pointer-events:all;animation:none;box-shadow:0-4px 16px rgba(0,0,0,.2);border-bottom:none}.arch-modal--minimized .arch-modal__body{display:none}.arch-modal--minimized .arch-modal__titlebar{border-radius:8px;cursor:pointer}.arch-modal--maximized .arch-modal__container{width:100%;max-width:100%;max-height:100vh;height:100vh;border-radius:0;border:0}.arch-modal--maximized .arch-modal__titlebar{border-radius:0}.arch-modal__titlebar-text{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin-left:auto;margin-right:auto}.arch-modal__body{padding:40px;overflow-y:auto;flex:1}.arch-modal__body .about__grid{grid-template-columns:1fr;gap:32px;margin-top:32px}.arch-modal__body .about__highlights{grid-template-columns:repeat(4,1fr);margin-top:24px}.footer{padding:40px 0;border-top:1px solid var(--border)}.footer__content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer p,.footer__links a{font-size:.8125rem;color:var(--text-muted)}.footer__links{display:flex;gap:20px}.footer__links a{transition:color var(--transition)}.footer__links a:hover{color:var(--accent-light)}@media (max-width:1024px){.hero__container{grid-template-columns:1fr;gap:40px;text-align:center}.hero__badges{justify-content:center}.hero__description{margin-left:auto;margin-right:auto}.hero__cta{justify-content:center}.hero__visual{display:block;order:2}.hero__content{order:1}.hero__card{max-width:380px;text-align:left;margin:0 auto}.about__grid{grid-template-columns:1fr;gap:40px}.services__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero{padding-top:80px;padding-bottom:20px;min-height:auto}.hero__container{gap:24px}.hero__card{max-width:100%}.hero__description{font-size:.875rem}.hero__cta{gap:8px;justify-content:center}.nav__toggle{display:flex;position:relative;z-index:1101}.penseel-btn{margin-right:12px}.nav__links{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--bg-secondary);border-left:1px solid var(--border);flex-direction:column;padding:80px 32px 32px;gap:4px;transition:right var(--transition);z-index:1100}.nav__links--open{right:0}.nav__link{font-size:1rem;padding:12px 16px}.section{padding:80px 0}.about__highlights,.services__grid{grid-template-columns:1fr}.about__stats{grid-template-columns:repeat(3,1fr);gap:12px}.stat__number{font-size:1.75rem}.articles__grid,.skills__grid{grid-template-columns:1fr}.hero__glow{display:none}.hero__card{animation:none}.hero__scroll{display:none}.footer__content{flex-direction:column;text-align:center}}@media (max-width:480px){.hero__title{font-size:2.25rem}.hero__container{gap:16px}.hero__badges .badge{font-size:.625rem;padding:4px 10px}.about__stats{grid-template-columns:1fr}.penseel-modal__themes{gap:10px}.penseel-modal__theme-card{padding:8px 6px}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-target{opacity:1;transform:none}}