*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#111827;background:#f5f3ef;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.navbar{z-index:10;background:#f5f3ef;border-bottom:1px solid #11182714;justify-content:space-between;align-items:center;height:76px;padding:0 8%;display:flex;position:sticky;top:0}.brand{letter-spacing:.04em;font-weight:800}.nav-links{gap:28px;font-size:.95rem;display:flex}.hero{color:#fff;background:linear-gradient(135deg,#111827,#273449);align-items:center;min-height:calc(100vh - 76px);padding:90px 8%;display:flex}.hero-content{max-width:780px}.eyebrow,.section-label{color:#c9a45c;text-transform:uppercase;letter-spacing:.16em;margin:0 0 16px;font-size:.78rem;font-weight:800}h1{letter-spacing:-.06em;margin:0;font-size:clamp(3rem,7vw,6rem);line-height:.95}.hero p{color:#ffffffd1;max-width:620px;margin:28px 0;font-size:1.2rem;line-height:1.7}.actions{flex-wrap:wrap;gap:16px;display:flex}.btn{border-radius:999px;padding:14px 22px;font-weight:800;transition:all .2s}.btn:hover{transform:translateY(-2px)}.btn.primary{color:#111827;background:#c9a45c}.btn.secondary{border:1px solid}.section{padding:96px 8%}.section h2,.contact h2{letter-spacing:-.04em;max-width:780px;margin:0 0 36px;font-size:clamp(2rem,4vw,3.6rem);line-height:1}.grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.card,.project-card{background:#fff;border:1px solid #11182714;border-radius:24px;min-height:230px;padding:32px}.card h3,.project-card h3{margin:0 0 16px;font-size:1.3rem}.card p,.project-card p,.about-text{color:#4b5563;margin:0;line-height:1.7}.dark .project-card{background:#182231;border-color:#ffffff14}.project-card span{color:#c9a45c;margin-bottom:28px;font-weight:900;display:block}.dark .project-card p{color:#ffffffb8}.about-text{max-width:760px;font-size:1.15rem}.tech-list{flex-wrap:wrap;gap:14px;display:flex}.tech-list span{background:#f5f3ef;border:1px solid #11182714;border-radius:999px;padding:12px 18px;font-weight:800}@media (width<=900px){.grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.navbar{padding:0 6%}.nav-links{display:none}.hero,.section,.contact{padding-left:6%;padding-right:6%}.grid{grid-template-columns:1fr}.card,.project-card{min-height:auto}}.projects-list{flex-direction:column;gap:22px;display:flex}.project-row{background:#182231;border:1px solid #ffffff14;border-radius:24px;grid-template-columns:80px 1fr auto;align-items:center;gap:32px;padding:32px;display:grid}.project-number{color:#c9a45c;font-size:1.2rem;font-weight:900}.project-info h3{letter-spacing:-.04em;margin:0 0 14px;font-size:clamp(1.6rem,3vw,2.4rem)}.project-info p{color:#ffffffb8;max-width:720px;margin:0;line-height:1.7}.project-type{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:900;color:#c9a45c!important;margin-bottom:10px!important}.project-stack{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.project-stack span{color:#ffffffd1;background:#ffffff14;border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:700}.project-links{flex-direction:column;gap:12px;display:flex}.project-links a{text-align:center;border:1px solid #ffffff40;border-radius:999px;min-width:130px;padding:12px 16px;font-weight:800}.project-links a:first-child{color:#111827;background:#c9a45c;border-color:#c9a45c}@media (width<=800px){.project-row{grid-template-columns:1fr;gap:22px}.project-links{flex-flow:wrap}}.case-page{background:#f5f3ef;min-height:100vh}.case-navbar{color:#fff;background:#111827;border-bottom:1px solid #ffffff14}.case-hero{color:#fff;background:linear-gradient(135deg,#111827,#273449);padding:110px 8%}.case-hero h1{max-width:900px}.case-hero p:not(.eyebrow){color:#ffffffc7;max-width:760px;margin:28px 0;font-size:1.18rem;line-height:1.7}.case-content{flex-direction:column;gap:80px;padding:96px 8%;display:flex}.case-block{max-width:950px}.case-block h2{letter-spacing:-.04em;margin:0 0 24px;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.case-block p:not(.section-label){color:#4b5563;max-width:780px;font-size:1.12rem;line-height:1.8}.features-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feature-card{background:#fff;border:1px solid #11182714;border-radius:20px;padding:24px;font-weight:800}@media (width<=800px){.features-grid{grid-template-columns:1fr}.case-hero,.case-content{padding-left:6%;padding-right:6%}}.case-meta{grid-template-columns:repeat(3,1fr);gap:18px;max-width:900px;margin:34px 0;display:grid}.case-meta div{background:#ffffff14;border:1px solid #ffffff1f;border-radius:18px;padding:20px}.case-meta span{color:#c9a45c;text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px;font-size:.7rem;font-weight:900;display:block}.case-meta strong{font-size:1rem}@media (width<=700px){.case-meta{grid-template-columns:1fr}}.contact-text{color:#ffffffb8;max-width:680px;margin:-18px 0 32px;font-size:1.1rem;line-height:1.7}.footer{color:#fff;background:#0b1120;border-top:1px solid #ffffff14;justify-content:space-between;gap:28px;padding:40px 8%;display:flex}.footer h3{margin:0 0 8px;font-size:1.1rem}.footer p{color:#ffffff9e;margin:0}.footer-links{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.footer-links a{color:#ffffffb8;font-weight:700}@media (width<=700px){.footer{flex-direction:column;padding-left:6%;padding-right:6%}}.project-row{grid-template-columns:70px 220px 1fr auto}.project-preview{width:100%}.project-preview img,.case-preview-section img{object-fit:cover;border-radius:22px;width:100%;display:block}.project-preview-placeholder{text-align:center;background:linear-gradient(135deg,#243044,#0b1120);border:1px solid #ffffff1f;border-radius:22px;justify-content:center;align-items:center;height:150px;padding:20px;display:flex}.project-preview-placeholder span,.case-preview-placeholder span{color:#c9a45c;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:900}.case-preview-section{z-index:2;margin-top:-50px;padding:0 8%;position:relative}.case-preview-placeholder{text-align:center;background:linear-gradient(135deg,#243044,#0b1120);border:1px solid #ffffff1f;border-radius:32px;justify-content:center;align-items:center;min-height:360px;padding:40px;display:flex;box-shadow:0 24px 60px #00000038}@media (width<=1000px){.project-row{grid-template-columns:1fr}.project-preview-placeholder{height:190px}}@media (width<=700px){.case-preview-section{padding-left:6%;padding-right:6%}.case-preview-placeholder{min-height:240px}}.about-layout{grid-template-columns:.9fr 1.1fr;align-items:start;gap:48px;display:grid}.background-list{gap:16px;display:grid}.background-item{background:#fff;border:1px solid #11182714;border-radius:20px;padding:24px}.background-item h3{margin:0 0 10px;font-size:1.1rem}.background-item p{color:#4b5563;margin:0;line-height:1.7}@media (width<=850px){.about-layout{grid-template-columns:1fr}}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#c9a45c;letter-spacing:.04em;background:#111827;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:900;display:flex}.nav-links a{position:relative}.nav-links a:after{content:"";background:#c9a45c;width:0;height:2px;transition:all .2s;position:absolute;bottom:-6px;left:0}.nav-links a:hover:after{width:100%}.case-navbar-wrapper .navbar{color:#fff;background:#111827;border-bottom:1px solid #ffffff14}.case-navbar-wrapper .brand-mark{color:#111827;background:#c9a45c}.contact{color:#fff;background:#111827;padding:96px 8%}.contact-header{text-align:center;max-width:760px;margin:0 auto 56px}.contact-header h2{margin-left:auto;margin-right:auto}.contact-header p:not(.section-label){color:#ffffffb8;max-width:620px;margin:-12px auto 0;line-height:1.7}.contact-layout{grid-template-columns:1fr 1fr;gap:32px;display:grid}.contact-card{background:#182231;border:1px solid #ffffff14;border-radius:28px;padding:36px}.contact-card h3{letter-spacing:-.03em;margin:0 0 28px;font-size:1.7rem}.contact-info-list{flex-direction:column;gap:26px;display:flex}.contact-info-item{align-items:center;gap:18px;display:flex}.contact-icon{color:#c9a45c;background:#c9a45c29;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-weight:900;display:flex}.contact-info-item small{color:#ffffff8c;margin-bottom:4px;display:block}.social-block{margin-top:44px}.social-block h4{margin:0 0 18px}.social-links{gap:14px;display:flex}.social-links a{background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-weight:900;display:flex}.social-links a:hover{color:#111827;background:#c9a45c}.contact-form{flex-direction:column;gap:20px;display:flex}.contact-form label{color:#ffffffd1;flex-direction:column;gap:10px;font-weight:700;display:flex}.contact-form input,.contact-form textarea{color:#fff;width:100%;font:inherit;background:#243044;border:1px solid #ffffff24;border-radius:12px;outline:none;padding:16px}.contact-form textarea{resize:vertical;min-height:150px}.form-submit{color:#111827;cursor:pointer;font-weight:900;font:inherit;background:#c9a45c;border:0;border-radius:999px;margin-top:4px;padding:16px 22px;transition:all .2s}.form-submit:hover{transform:translateY(-2px)}@media (width<=900px){.contact-layout{grid-template-columns:1fr}}@media (width<=640px){.contact{padding-left:6%;padding-right:6%}.contact-card{padding:28px}}:root{--bg:#f8fafc;--surface:#fff;--surface-soft:#eff6ff;--primary:#2563eb;--primary-dark:#1e40af;--primary-soft:#dbeafe;--text:#0f172a;--muted:#475569;--border:#2563eb24}body{background:var(--bg);color:var(--text)}.section{background:var(--bg)}.section-label,.eyebrow{color:var(--primary)}.card,.background-item,.feature-card,.responsibility-card{background:var(--surface);border:1px solid var(--border);box-shadow:0 18px 45px #0f172a0f}.card p,.project-card p,.about-text,.background-item p,.process-card p,.case-block p:not(.section-label){color:var(--muted)}.navbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);color:var(--text);background:#ffffffe0}.brand-mark{background:var(--primary);color:#fff}.nav-links a:after{background:var(--primary)}.hero{color:var(--text);background:radial-gradient(circle at 85% 20%,#2563eb2e,#0000 32%),linear-gradient(135deg,#fff 0%,#eff6ff 50%,#dbeafe 100%)}.hero p{color:var(--muted)}h1{color:var(--text)}.btn.primary{background:var(--primary);color:#fff}.btn.secondary{border:1px solid var(--primary);color:var(--primary);background:0 0}.btn.secondary:hover{background:var(--primary-soft)}.highlights{background:var(--bg)}.highlight-card{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff}.highlight-card strong{color:var(--primary-dark)}.highlight-card span{color:var(--muted)}.dark{color:var(--text);background:#eff6ff}.project-row{border:1px solid var(--border);background:#fff;box-shadow:0 20px 50px #0f172a12}.project-number,.project-type{color:var(--primary)!important}.project-info h3{color:var(--text)}.project-info p,.dark .project-card p{color:var(--muted)}.project-stack span{background:var(--primary-soft);color:var(--primary-dark)}.project-links a{border:1px solid var(--primary);color:var(--primary)}.project-links a:first-child{background:var(--primary);color:#fff;border-color:var(--primary)}.project-preview-placeholder{border:1px solid var(--border);background:linear-gradient(135deg,#eff6ff,#dbeafe)}.project-preview-placeholder span,.case-preview-placeholder span{color:var(--primary)}.tech{background:#fff}.tech-list span{background:var(--primary-soft);color:var(--primary-dark);border:1px solid var(--border)}.case-page{background:var(--bg)}.case-navbar-wrapper .navbar,.case-navbar{color:var(--text);border-bottom:1px solid var(--border);background:#fff}.case-navbar-wrapper .brand-mark{background:var(--primary);color:#fff}.case-hero{color:var(--text);background:radial-gradient(circle at 80% 15%,#2563eb33,#0000 30%),linear-gradient(135deg,#fff 0%,#eff6ff 55%,#dbeafe 100%)}.case-hero p:not(.eyebrow){color:var(--muted)}.case-meta div{border:1px solid var(--border);background:#fff;box-shadow:0 18px 45px #0f172a0f}.case-meta span{color:var(--primary)}.case-meta strong{color:var(--text)}.case-preview-placeholder{border:1px solid var(--border);background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 24px 60px #0f172a1a}.contact{color:var(--text);background:#f8fafc}.contact-header h2{color:var(--text)}.contact-header p:not(.section-label){color:var(--muted)}.contact-card{border:1px solid var(--border);background:#fff;box-shadow:0 24px 60px #0f172a14}.contact-card h3,.social-block h4{color:var(--text)}.contact-icon{background:var(--primary-soft);color:var(--primary)}.contact-info-item small{color:#64748b}.contact-info-item strong{color:var(--text)}.social-links a{background:var(--primary-soft);color:var(--primary)}.social-links a:hover{background:var(--primary);color:#fff}.contact-form label{color:#334155}.contact-form input,.contact-form textarea{color:var(--text);background:#f8fafc;border:1px solid #cbd5e1}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary)}.form-submit{background:var(--primary);color:#fff}.form-submit:hover{background:var(--primary-dark)}.footer{color:var(--text);border-top:1px solid var(--border);background:#eff6ff}.footer p,.footer-links a{color:var(--muted)}.footer-links a:hover{color:var(--primary)}@media (width<=900px){.hero:after{opacity:.24;width:90%;right:-180px}}@media (width<=640px){.hero:after{opacity:.16;width:120%;right:-260px}}.hero{background:radial-gradient(circle at 88% 45%,#2563eb47,#0000 34%),linear-gradient(135deg,#fff 0%,#eff6ff 52%,#dbeafe 100%);position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 82% 30%,#ffffffbf,#0000 24%),radial-gradient(circle at 92% 62%,#ffffff8c,#0000 22%);position:absolute;inset:0}.hero:after{content:"";opacity:.38;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='720' height='620' viewBox='0 0 720 620' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M120 90H260V160H390'/%3E%3Cpath d='M260 160V260H455V330H620'/%3E%3Cpath d='M170 410H310V320H420'/%3E%3Cpath d='M430 95V205H560V260H690'/%3E%3Cpath d='M405 455H560V525H700'/%3E%3Cpath d='M250 535V590H440V520H555'/%3E%3Cpath d='M90 285H230V230H340'/%3E%3C/g%3E%3Cg fill='white'%3E%3Ccircle cx='120' cy='90' r='5'/%3E%3Ccircle cx='260' cy='160' r='5'/%3E%3Ccircle cx='390' cy='160' r='5'/%3E%3Ccircle cx='455' cy='330' r='5'/%3E%3Ccircle cx='620' cy='330' r='5'/%3E%3Ccircle cx='170' cy='410' r='5'/%3E%3Ccircle cx='420' cy='320' r='5'/%3E%3Ccircle cx='430' cy='95' r='5'/%3E%3Ccircle cx='690' cy='260' r='5'/%3E%3Ccircle cx='405' cy='455' r='5'/%3E%3Ccircle cx='700' cy='525' r='5'/%3E%3Ccircle cx='250' cy='535' r='5'/%3E%3Ccircle cx='555' cy='520' r='5'/%3E%3Ccircle cx='90' cy='285' r='5'/%3E%3Ccircle cx='340' cy='230' r='5'/%3E%3C/g%3E%3C/svg%3E");background-position:100%;background-repeat:no-repeat;background-size:contain;width:58%;height:82%;position:absolute;top:50%;right:-80px;transform:translateY(-50%)}.hero-content{z-index:2;position:relative}@media (width<=900px){.hero:after{opacity:.24;width:90%;right:-180px}}@media (width<=640px){.hero:after{opacity:.16;width:120%;right:-260px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes subtleFloat{0%{transform:translateY(-50%)translate(0)}50%{transform:translateY(-50%)translate(-14px)}to{transform:translateY(-50%)translate(0)}}@keyframes softPulse{0%{box-shadow:0 0 #2563eb00}50%{box-shadow:0 24px 70px #2563eb24}to{box-shadow:0 0 #2563eb00}}.hero-content{animation:.8s both fadeUp}.hero .eyebrow{animation:.7s both fadeUp}.hero h1{animation:.8s .12s both fadeUp}.hero p{animation:.8s .22s both fadeUp}.hero .actions{animation:.8s .32s both fadeUp}.hero:after{animation:9s ease-in-out infinite subtleFloat}.navbar{animation:.45s both fadeIn}.btn,.form-submit,.project-links a,.social-links a{transition:transform .2s,background .2s,color .2s,border-color .2s,box-shadow .2s}.btn:hover,.form-submit:hover,.project-links a:hover,.social-links a:hover{transform:translateY(-3px)}.card,.background-item,.contact-card,.feature-card,.responsibility-card,.project-row{transition:transform .25s,box-shadow .25s,border-color .25s}.card:hover,.background-item:hover,.contact-card:hover,.feature-card:hover,.responsibility-card:hover,.project-row:hover{border-color:#2563eb47;transform:translateY(-6px);box-shadow:0 28px 70px #0f172a1f}.project-row{animation:.7s both fadeUp}.project-row:first-child{animation-delay:50ms}.project-row:nth-child(2){animation-delay:.12s}.project-row:nth-child(3){animation-delay:.19s}.project-row:nth-child(4){animation-delay:.26s}.project-preview-placeholder,.case-preview-placeholder{animation:5s ease-in-out infinite softPulse}.tech-list span,.project-stack span{transition:transform .2s,background .2s}.tech-list span:hover,.project-stack span:hover{background:#bfdbfe;transform:translateY(-3px)}.contact-form input,.contact-form textarea{transition:border-color .2s,box-shadow .2s,background .2s}.contact-form input:focus,.contact-form textarea:focus{box-shadow:0 0 0 4px #2563eb1f}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.additional-section{background:#fff}.additional-intro{max-width:760px;color:var(--muted);margin:-16px 0 36px;font-size:1.08rem;line-height:1.7}.additional-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.additional-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:30px;transition:transform .25s,box-shadow .25s;box-shadow:0 18px 45px #0f172a0f}.additional-card:hover{transform:translateY(-6px);box-shadow:0 28px 70px #0f172a1f}.additional-card h3{margin:0 0 12px;font-size:1.2rem}.additional-card p{color:var(--muted);margin:0;line-height:1.7}@media (width<=900px){.additional-grid{grid-template-columns:1fr}}.tech-stack-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.tech-group{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:30px;box-shadow:0 18px 45px #0f172a0f}.tech-group h3{margin:0 0 18px;font-size:1.2rem}.tech-group .tech-list{flex-wrap:wrap;gap:12px;display:flex}@media (width<=800px){.tech-stack-grid{grid-template-columns:1fr}}.social-links a{font-size:1.05rem}.secondary-social-block{margin-top:30px}.contact-icon svg,.social-links svg{display:block}.project-preview{justify-content:center;align-items:center;display:flex}.project-preview img{object-fit:contain;border:1px solid var(--border);background:linear-gradient(135deg,#fff,#eff6ff);height:150px;padding:28px}@media (width<=1000px){.project-preview img{height:190px}}.contact-download{cursor:pointer;text-decoration:none;transition:transform .2s}.contact-download:hover{transform:translate(6px)}.contact-download:hover strong{color:var(--primary)}.hero{--mouse-x:82%;--mouse-y:42%;--circuit-x:0px;--circuit-y:0px;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), #2563eb2e, transparent 28%), linear-gradient(135deg, #fff 0%, #eff6ff 52%, #dbeafe 100%)}.hero:before{background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), #ffffffe6, transparent 22%);transition:background .15s}.hero:after{background-position:calc(100% + var(--circuit-x)) calc(50% + var(--circuit-y));transition:background-position .12s}.page.green-mode{--primary:#16a34a;--primary-dark:#166534;--primary-soft:#dcfce7;--border:#16a34a29}.page.green-mode .hero{background:radial-gradient(circle at var(--mouse-x,82%) var(--mouse-y,42%), #16a34a2e, transparent 28%), linear-gradient(135deg, #fff 0%, #f0fdf4 52%, #dcfce7 100%)}.page.green-mode .dark,.page.green-mode .footer{background:#f0fdf4}.page.green-mode .project-preview-placeholder,.page.green-mode .case-preview-placeholder{background:linear-gradient(135deg,#fff,#dcfce7)}.page.green-mode .tech-list span:hover,.page.green-mode .project-stack span:hover{background:#bbf7d0}.page.red-mode{--primary:#dc2626;--primary-dark:#991b1b;--primary-soft:#fee2e2;--border:#dc262629}.page.red-mode .hero{background:radial-gradient(circle at var(--mouse-x,82%) var(--mouse-y,42%), #dc26262e, transparent 28%), linear-gradient(135deg, #fff 0%, #fef2f2 52%, #fee2e2 100%)}.page.red-mode .dark,.page.red-mode .footer{background:#fef2f2}.page.red-mode .project-preview-placeholder,.page.red-mode .case-preview-placeholder{background:linear-gradient(135deg,#fff,#fee2e2)}.page.red-mode .tech-list span:hover,.page.red-mode .project-stack span:hover{background:#fecaca}.navbar{grid-template-columns:1fr auto 1fr;display:grid}.nav-links{justify-self:end}.fun-button{border:1px solid var(--border);background:var(--primary-soft);color:var(--primary-dark);cursor:pointer;font-weight:800;font:inherit;border-radius:999px;justify-self:center;padding:10px 18px;transition:transform .2s,background .2s,color .2s,box-shadow .2s}.fun-button:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 14px 32px #2563eb2e}.pong-overlay{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a7a;justify-content:center;align-items:center;padding:24px;animation:.2s both fadeIn;display:flex;position:fixed;inset:0}.pong-modal{border:1px solid var(--border);background:#fff;border-radius:30px;width:min(760px,100%);padding:30px;animation:.3s both fadeUp;box-shadow:0 30px 90px #0f172a3d}.pong-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.pong-header h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,4vw,3rem);line-height:1}.pong-close{background:var(--primary-soft);width:42px;height:42px;color:var(--primary);cursor:pointer;border:0;border-radius:50%;font-size:1.6rem;font-weight:900}.pong-close:hover{background:var(--primary);color:#fff}.pong-canvas{border:1px solid var(--border);background:#eff6ff;border-radius:22px;width:100%;display:block}.pong-help{color:var(--muted);margin:16px 0 0;font-size:.95rem}@media (width<=850px){.navbar{grid-template-columns:1fr auto}.fun-button{display:none}}.pong-subtitle{color:var(--muted);margin:10px 0 0;font-weight:700}.tic-game{flex-direction:column;align-items:center;gap:20px;display:flex}.tic-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:min(360px,100%);display:grid}.tic-cell{aspect-ratio:1;border:1px solid var(--border);background:var(--primary-soft);color:var(--primary);cursor:pointer;border-radius:18px;font-size:3rem;font-weight:900;transition:transform .2s,background .2s}.tic-cell:hover{background:#fff;transform:translateY(-3px)}.screenshots-grid img{border:1px solid var(--border);background:#fff;border-radius:28px;width:100%;transition:transform .25s,box-shadow .25s;box-shadow:0 24px 60px #0f172a1f}.screenshots-grid{grid-template-columns:repeat(3,minmax(180px,300px));align-items:start;gap:26px;display:grid}.screenshot-card{flex-direction:column;gap:18px;display:flex}.screenshot-card img{border:1px solid var(--border);background:#fff;border-radius:28px;width:100%;transition:transform .25s,box-shadow .25s;box-shadow:0 24px 60px #0f172a1f}.screenshot-card img:hover{transform:translateY(-6px);box-shadow:0 32px 80px #0f172a29}.screenshot-card h3{margin:0 0 8px;font-size:1.1rem}.screenshot-card p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.6}@media (width<=900px){.screenshots-grid{grid-template-columns:1fr}}.icon-btn{justify-content:center;align-items:center;width:52px;height:52px;padding:0;font-size:1.25rem;display:inline-flex}html.green-mode{--primary:#16a34a;--primary-dark:#166534;--primary-soft:#dcfce7;--border:#16a34a29}html.green-mode .hero,html.green-mode .case-hero{background:radial-gradient(circle at var(--mouse-x,82%) var(--mouse-y,42%), #16a34a2e, transparent 28%), linear-gradient(135deg, #fff 0%, #f0fdf4 52%, #dcfce7 100%)}html.green-mode .dark,html.green-mode .footer{background:#f0fdf4}html.green-mode .project-preview-placeholder,html.green-mode .case-preview-placeholder{background:linear-gradient(135deg,#fff,#dcfce7)}html.green-mode .tech-list span:hover,html.green-mode .project-stack span:hover{background:#bbf7d0}html.red-mode{--primary:#dc2626;--primary-dark:#991b1b;--primary-soft:#fee2e2;--border:#dc262629}html.red-mode .hero,html.red-mode .case-hero{background:radial-gradient(circle at var(--mouse-x,82%) var(--mouse-y,42%), #dc26262e, transparent 28%), linear-gradient(135deg, #fff 0%, #fef2f2 52%, #fee2e2 100%)}html.red-mode .dark,html.red-mode .footer{background:#fef2f2}html.red-mode .project-preview-placeholder,html.red-mode .case-preview-placeholder{background:linear-gradient(135deg,#fff,#fee2e2)}html.red-mode .tech-list span:hover,html.red-mode .project-stack span:hover{background:#fecaca}*{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}@media (width<=768px){.navbar{justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.brand{align-items:center;gap:12px;display:flex}.nav-links{display:none}.fun-button{background:var(--primary);color:#fff;border:1px solid var(--primary);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;font-size:0;box-shadow:0 10px 24px #0f172a2e;display:flex!important;position:static!important}.fun-button:before{content:"❌⭕";font-size:.85rem}}.form-submit{text-align:center;text-decoration:none;display:block}