/* ============================================================
   THEMES 19-27 — RADICALLY DISTINCT INTERFACES (FINAL BATCH)
   ============================================================ */

/* ============================================================
   T19: RENAISSANCE MANUSCRIPT
   Parchment, illuminated letters, classical
   ============================================================ */
[data-theme="t19"]{
  --bg:#f0e4c2;--fg:#2a1810;--accent:#7a1f1f;--gold:#b8860b;--ink:#3a2418;--rule:#8b6f3a;
  background:#f0e4c2;color:#2a1810;font-family:'Cormorant Garamond','EB Garamond',Georgia,serif;
}
[data-theme="t19"] body{background:#f0e4c2;color:#2a1810;font-family:Georgia,serif;background-image:radial-gradient(ellipse at center,rgba(255,253,240,0.4) 0%,transparent 70%),repeating-linear-gradient(0deg,transparent 0,transparent 24px,rgba(122,31,31,0.03) 24px,rgba(122,31,31,0.03) 25px)}
[data-theme="t19"] .topbar{background:rgba(240,228,194,0.95);border-bottom:2px double #7a1f1f;position:relative}
[data-theme="t19"] .topbar::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#7a1f1f 20%,#7a1f1f 80%,transparent)}
[data-theme="t19"] .brand-glyph{background:#7a1f1f;color:#f0e4c2;border:2px solid #b8860b;border-radius:0;font-family:Georgia,serif;font-style:italic;font-weight:700;font-size:0.9rem;position:relative;box-shadow:inset 0 0 0 2px #7a1f1f,inset 0 0 0 3px #b8860b}
[data-theme="t19"] .brand-name{color:#2a1810;font-style:italic;font-weight:500;letter-spacing:0.05em;font-size:1.1rem}
[data-theme="t19"] .brand-name::first-letter{color:#7a1f1f;font-size:1.4em;font-weight:700}
[data-theme="t19"] .nav-list a{color:#3a2418;font-style:italic;font-size:0.95rem;padding:0.5rem 1rem;letter-spacing:0.05em;position:relative}
[data-theme="t19"] .nav-list a::first-letter{color:#7a1f1f;font-weight:700;font-size:1.1em}
[data-theme="t19"] .nav-list a:hover{color:#7a1f1f;text-shadow:0 0 1px rgba(122,31,31,0.5)}
[data-theme="t19"] .btn-theme-pick,[data-theme="t19"] .btn-lang{background:transparent;border:1px solid #7a1f1f;color:#7a1f1f;border-radius:0;font-style:italic;letter-spacing:0.1em;font-size:0.8rem;padding:0.5rem 1rem}
[data-theme="t19"] .btn-theme-pick:hover,[data-theme="t19"] .btn-lang:hover{background:#7a1f1f;color:#f0e4c2}
[data-theme="t19"] .nav-toggle{background:transparent;border:1px solid #7a1f1f;border-radius:0}
[data-theme="t19"] .nav-toggle span{background:#7a1f1f}
[data-theme="t19"] .hero{padding:8rem 2rem 6rem;text-align:center;background:radial-gradient(ellipse at center,rgba(255,253,240,0.6) 0%,rgba(240,228,194,0) 70%)}
[data-theme="t19"] .hero-shell{max-width:880px;margin:0 auto;position:relative;padding:3rem 2.5rem;border:3px double #7a1f1f;background:rgba(255,253,240,0.4)}
[data-theme="t19"] .hero-shell::before{content:"";position:absolute;inset:6px;border:1px solid #b8860b;pointer-events:none}
[data-theme="t19"] .hero-prompt{display:none}
[data-theme="t19"] .hero-greeting{color:#7a1f1f;font-style:italic;font-size:1rem;letter-spacing:0.1em}
[data-theme="t19"] .hero-name{font-size:clamp(2.5rem,7vw,4.8rem);color:#7a1f1f;font-weight:700;font-style:italic;letter-spacing:0.02em;line-height:1.1;margin:1rem 0;text-shadow:1px 1px 0 #b8860b}
[data-theme="t19"] .hero-name::first-letter{font-size:1.3em;color:#b8860b;text-shadow:2px 2px 0 #7a1f1f}
[data-theme="t19"] .hero-role{color:#3a2418;font-style:italic;font-size:1.3rem;letter-spacing:0.05em}
[data-theme="t19"] .hero-tagline{color:#7a1f1f;font-size:0.9rem;letter-spacing:0.3em;text-transform:uppercase;font-weight:600;margin-top:0.5rem}
[data-theme="t19"] .hero-subtitle{color:#8b6f3a;font-style:italic;font-size:0.9rem;margin-top:0.4rem}
[data-theme="t19"] .hero-cta{margin-top:2.5rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
[data-theme="t19"] .btn{padding:0.8rem 2rem;background:transparent;border:1px solid #7a1f1f;color:#7a1f1f;border-radius:0;font-style:italic;letter-spacing:0.2em;font-size:0.85rem;transition:all 0.3s;position:relative;font-weight:600}
[data-theme="t19"] .btn::before,[data-theme="t19"] .btn::after{content:"❦";position:absolute;color:#b8860b;font-size:0.8rem;opacity:0;transition:opacity 0.3s}
[data-theme="t19"] .btn::before{left:0.3rem;top:50%;transform:translateY(-50%)}
[data-theme="t19"] .btn::after{right:0.3rem;top:50%;transform:translateY(-50%)}
[data-theme="t19"] .btn:hover{background:#7a1f1f;color:#f0e4c2}
[data-theme="t19"] .btn:hover::before,[data-theme="t19"] .btn:hover::after{opacity:1;color:#b8860b}
[data-theme="t19"] .btn-primary{background:#7a1f1f;color:#f0e4c2}
[data-theme="t19"] .btn-primary:hover{background:transparent;color:#7a1f1f}
[data-theme="t19"] .sec{padding:6rem 2rem;position:relative;border-top:1px double rgba(122,31,31,0.3)}
[data-theme="t19"] .sec::before{content:"❦";position:absolute;top:0.8rem;left:50%;transform:translateX(-50%);color:#b8860b;font-size:1.1rem;background:#f0e4c2;padding:0 0.8rem}
[data-theme="t19"] .sec-eyebrow{color:#7a1f1f;letter-spacing:0.3em;text-transform:uppercase;font-style:italic;font-size:0.8rem}
[data-theme="t19"] .sec-title{color:#2a1810;font-weight:700;font-style:italic;letter-spacing:0.02em;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.2}
[data-theme="t19"] .sec-title::first-letter{color:#7a1f1f;font-size:1.2em}
[data-theme="t19"] .about-grid{display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:start;max-width:1100px;margin:0 auto}
@media (max-width:768px){[data-theme="t19"] .about-grid{grid-template-columns:1fr;gap:2rem}}
[data-theme="t19"] .about-photo{position:relative;padding:1rem;background:rgba(255,253,240,0.4);border:2px solid #b8860b;box-shadow:6px 6px 0 #7a1f1f}
[data-theme="t19"] .about-photo::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0,transparent 6px,rgba(184,134,11,0.05) 6px,rgba(184,134,11,0.05) 7px);pointer-events:none}
[data-theme="t19"] .about-photo img{border:1px solid #7a1f1f;filter:sepia(60%) contrast(0.95) brightness(0.95)}
[data-theme="t19"] .photo-frame{display:none}
[data-theme="t19"] .about-text{background:rgba(255,253,240,0.5);border:1px solid #7a1f1f;padding:2rem;position:relative}
[data-theme="t19"] .about-text::before{content:"¶";position:absolute;top:0.5rem;left:0.5rem;color:#b8860b;font-size:1.5rem;font-weight:700;line-height:1}
[data-theme="t19"] .about-text p{color:#2a1810;line-height:1.9;margin-bottom:1.2rem;text-align:justify;font-size:1.05rem}
[data-theme="t19"] .about-text p::first-letter{color:#7a1f1f;font-weight:700;font-size:1.3em}
[data-theme="t19"] .about-highlight{color:#7a1f1f;font-style:italic;border-left:3px double #b8860b;padding-left:1.5rem;background:rgba(184,134,11,0.08);padding-top:0.8rem;padding-bottom:0.8rem;font-weight:500}
[data-theme="t19"] .about-list{margin-top:1.5rem;display:grid;gap:0.5rem}
[data-theme="t19"] .about-list li{color:#3a2418;padding:0.6rem 0 0.6rem 2rem;border-bottom:1px dotted #7a1f1f;position:relative;font-style:italic}
[data-theme="t19"] .about-list li::before{content:"✤";position:absolute;left:0.3rem;color:#b8860b}
[data-theme="t19"] .skill-cat{margin-bottom:2.5rem}
[data-theme="t19"] .skills-cat-title{color:#7a1f1f;letter-spacing:0.15em;text-transform:uppercase;font-size:0.85rem;font-weight:700;font-style:italic;padding-bottom:0.5rem;border-bottom:1px double #7a1f1f;margin-bottom:1rem;display:inline-block}
[data-theme="t19"] .skills-cat-title::after{content:" ❦";color:#b8860b}
[data-theme="t19"] .skill-row{display:grid;grid-template-columns:1fr 1.5fr 60px;gap:1.5rem;align-items:center;padding:0.7rem 0;border-bottom:1px dotted rgba(122,31,31,0.3)}
[data-theme="t19"] .skill-name{color:#2a1810;font-style:italic;font-size:1rem}
[data-theme="t19"] .skill-bar-wrap{height:2px;background:rgba(122,31,31,0.2);position:relative}
[data-theme="t19"] .skill-bar{height:2px;background:linear-gradient(90deg,#7a1f1f,#b8860b);position:relative}
[data-theme="t19"] .skill-bar::after{content:"◆";position:absolute;right:-6px;top:-7px;color:#b8860b;font-size:0.7rem}
[data-theme="t19"] .skill-level{color:#7a1f1f;font-style:italic;text-align:right;font-size:0.85rem;font-weight:600}
[data-theme="t19"] .cert-card,[data-theme="t19"] .project-card{background:rgba(255,253,240,0.5);border:1px solid #7a1f1f;border-radius:0;padding:1.5rem;position:relative;transition:all 0.3s;box-shadow:4px 4px 0 #b8860b}
[data-theme="t19"] .cert-card:hover,[data-theme="t19"] .project-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #b8860b;background:rgba(255,253,240,0.8)}
[data-theme="t19"] .contact-desc{text-align:center;color:#2a1810;font-style:italic;max-width:600px;margin:0 auto 2rem;line-height:1.8;font-size:1.05rem}
[data-theme="t19"] .contact-link{background:transparent;border:1px solid #7a1f1f;color:#7a1f1f;border-radius:0;padding:0.8rem 1.8rem;font-style:italic;letter-spacing:0.15em;display:inline-block;margin:0.4rem;position:relative;transition:all 0.3s}
[data-theme="t19"] .contact-link::before{content:"❦ ";color:#b8860b}
[data-theme="t19"] .contact-link:hover{background:#7a1f1f;color:#f0e4c2}
[data-theme="t19"] .site-footer{background:#2a1810;color:#f0e4c2;padding:3rem 2rem;text-align:center;border-top:4px double #b8860b;font-style:italic;letter-spacing:0.1em}
[data-theme="t19"] .site-footer::before{content:"❦ ❦ ❦ ❦ ❦";display:block;color:#b8860b;letter-spacing:1rem;margin-bottom:1rem;font-size:1.2rem}
[data-theme="t19"] .modal-card{background:#f0e4c2;border:2px double #7a1f1f;border-radius:0;box-shadow:0 0 0 4px #f0e4c2,0 0 0 6px #7a1f1f}
[data-theme="t19"] .modal-head{background:transparent;border-bottom:1px double #7a1f1f}
[data-theme="t19"] .theme-tile{background:rgba(255,253,240,0.5);border:1px solid #7a1f1f;border-radius:0;font-family:Georgia,serif}
[data-theme="t19"] .theme-tile:hover,[data-theme="t19"] .theme-tile.active{background:#7a1f1f;color:#f0e4c2}

/* ============================================================
   T20: STEAMPUNK BRASS
   Bronze & copper, gears, Victorian era
   ============================================================ */
[data-theme="t20"]{
  --bg:#2b1d10;--fg:#d4a373;--brass:#b87333;--copper:#a0522d;--iron:#3a3a3a;--cream:#f4e4bc;
  background:#2b1d10;color:#d4a373;font-family:'Cinzel','Trajan Pro',Georgia,serif;
}
[data-theme="t20"] body{background:#2b1d10;color:#d4a373;font-family:Georgia,serif;background-image:radial-gradient(circle at 20% 30%,rgba(184,115,51,0.08) 0%,transparent 30%),radial-gradient(circle at 80% 70%,rgba(160,82,45,0.08) 0%,transparent 30%)}
[data-theme="t20"] .topbar{background:rgba(43,29,16,0.95);border-bottom:3px double #b87333}
[data-theme="t20"] .brand-glyph{background:radial-gradient(circle at 30% 30%,#d4a373,#b87333 50%,#7a4520 100%);color:#2b1d10;border:3px solid #d4a373;border-radius:50%;font-family:Georgia,serif;font-weight:900;box-shadow:inset 0 -3px 6px rgba(0,0,0,0.4),0 0 20px rgba(184,115,51,0.3);position:relative}
[data-theme="t20"] .brand-glyph::before{content:"";position:absolute;inset:-6px;border:1px dashed #b87333;border-radius:50%;opacity:0.5}
[data-theme="t20"] .brand-name{color:#d4a373;letter-spacing:0.2em;text-transform:uppercase;font-weight:600;font-size:0.95rem}
[data-theme="t20"] .nav-list a{color:#d4a373;text-transform:uppercase;letter-spacing:0.2em;font-size:0.75rem;padding:0.5rem 1rem;border:1px solid transparent;font-weight:600}
[data-theme="t20"] .nav-list a:hover{color:#f4e4bc;border-color:#b87333;background:rgba(184,115,51,0.1)}
[data-theme="t20"] .btn-theme-pick,[data-theme="t20"] .btn-lang{background:linear-gradient(180deg,#b87333 0%,#7a4520 100%);color:#f4e4bc;border:2px solid #d4a373;border-radius:0;text-transform:uppercase;letter-spacing:0.15em;font-size:0.7rem;padding:0.5rem 1rem;font-weight:600;box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 2px 0 #1a0f08;position:relative}
[data-theme="t20"] .btn-theme-pick::before,[data-theme="t20"] .btn-lang::before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;border:1px solid #d4a373;opacity:0.4;pointer-events:none}
[data-theme="t20"] .btn-theme-pick:hover,[data-theme="t20"] .btn-lang:hover{background:linear-gradient(180deg,#d4a373 0%,#b87333 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 3px 0 #1a0f08;transform:translateY(-1px)}
[data-theme="t20"] .nav-toggle{background:linear-gradient(180deg,#b87333,#7a4520);border:2px solid #d4a373;border-radius:0;box-shadow:inset 0 1px 0 rgba(255,255,255,0.2)}
[data-theme="t20"] .nav-toggle span{background:#f4e4bc;height:2px}
[data-theme="t20"] .hero{padding:8rem 2rem 6rem;text-align:center;position:relative;background:radial-gradient(ellipse at center,rgba(184,115,51,0.15) 0%,transparent 60%)}
[data-theme="t20"] .hero::before{content:"⚙";position:absolute;top:15%;left:5%;font-size:8rem;color:rgba(184,115,51,0.08);animation:rotate-gear 20s linear infinite}
[data-theme="t20"] .hero::after{content:"⚙";position:absolute;bottom:15%;right:5%;font-size:10rem;color:rgba(160,82,45,0.08);animation:rotate-gear 30s linear infinite reverse}
@keyframes rotate-gear{from{transform:rotate(0)}to{transform:rotate(360deg)}}
[data-theme="t20"] .hero-shell{max-width:900px;margin:0 auto;background:linear-gradient(180deg,rgba(184,115,51,0.05) 0%,transparent 100%);border:3px double #b87333;padding:3rem 2.5rem;position:relative}
[data-theme="t20"] .hero-shell::before{content:"";position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:1px solid #b87333;pointer-events:none}
[data-theme="t20"] .hero-prompt{display:none}
[data-theme="t20"] .hero-greeting{color:#b87333;font-size:0.85rem;letter-spacing:0.4em;text-transform:uppercase;font-weight:600}
[data-theme="t20"] .hero-name{font-size:clamp(2.5rem,7vw,4.5rem);color:#f4e4bc;background:linear-gradient(180deg,#f4e4bc 0%,#d4a373 50%,#b87333 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;letter-spacing:0.05em;line-height:1.1;margin:1rem 0;text-transform:uppercase;text-shadow:2px 2px 0 rgba(0,0,0,0.3)}
[data-theme="t20"] .hero-role{color:#b87333;font-size:1.3rem;letter-spacing:0.15em;text-transform:uppercase;font-weight:600}
[data-theme="t20"] .hero-tagline{color:#d4a373;letter-spacing:0.2em;text-transform:uppercase;font-size:0.8rem;margin-top:0.5rem;font-weight:500}
[data-theme="t20"] .hero-subtitle{color:#8b6f47;font-style:italic;font-size:0.9rem;margin-top:0.4rem}
[data-theme="t20"] .hero-cta{margin-top:2.5rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
[data-theme="t20"] .btn{padding:0.9rem 2.2rem;background:linear-gradient(180deg,#b87333 0%,#7a4520 100%);color:#f4e4bc;border:2px solid #d4a373;border-radius:0;text-transform:uppercase;letter-spacing:0.2em;font-size:0.75rem;font-weight:600;box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 4px 0 #1a0f08,0 6px 10px rgba(0,0,0,0.3);position:relative;transition:all 0.2s}
[data-theme="t20"] .btn::before{content:"";position:absolute;inset:4px;border:1px solid #d4a373;opacity:0.4;pointer-events:none}
[data-theme="t20"] .btn:hover{background:linear-gradient(180deg,#d4a373 0%,#b87333 100%);transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 6px 0 #1a0f08,0 8px 15px rgba(0,0,0,0.4)}
[data-theme="t20"] .btn:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 2px 0 #1a0f08}
[data-theme="t20"] .btn-primary{background:linear-gradient(180deg,#d4a373 0%,#b87333 100%)}
[data-theme="t20"] .sec{padding:6rem 2rem;position:relative;border-top:3px double rgba(184,115,51,0.3)}
[data-theme="t20"] .sec-eyebrow{color:#b87333;letter-spacing:0.4em;text-transform:uppercase;font-size:0.75rem;font-weight:600}
[data-theme="t20"] .sec-title{color:#f4e4bc;background:linear-gradient(180deg,#f4e4bc,#d4a373);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;font-size:clamp(1.5rem,4vw,2.4rem);position:relative;padding-bottom:1rem}
[data-theme="t20"] .sec-title::after{content:"";display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:6rem;height:2px;background:#b87333}
[data-theme="t20"] .about-grid{display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:start;max-width:1100px;margin:0 auto}
@media (max-width:768px){[data-theme="t20"] .about-grid{grid-template-columns:1fr;gap:2rem}}
[data-theme="t20"] .about-photo{position:relative;padding:1rem;background:linear-gradient(135deg,#7a4520 0%,#b87333 50%,#d4a373 100%);border:3px double #d4a373;box-shadow:0 0 0 6px #2b1d10,0 0 0 9px #b87333,8px 8px 0 rgba(0,0,0,0.4)}
[data-theme="t20"] .about-photo img{border:1px solid #1a0f08;filter:sepia(70%) contrast(1.1) saturate(1.2)}
[data-theme="t20"] .photo-frame{display:none}
[data-theme="t20"] .about-text{background:linear-gradient(180deg,rgba(184,115,51,0.08) 0%,rgba(184,115,51,0.02) 100%);border:1px solid #b87333;padding:2rem;position:relative}
[data-theme="t20"] .about-text::before{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px dashed #b87333;opacity:0.5;pointer-events:none}
[data-theme="t20"] .about-text p{color:#d4a373;line-height:1.9;margin-bottom:1.2rem}
[data-theme="t20"] .about-highlight{color:#f4e4bc;font-weight:600;font-style:italic;border-left:3px double #b87333;padding-left:1.5rem}
[data-theme="t20"] .about-list{margin-top:1.5rem;display:grid;gap:0.5rem}
[data-theme="t20"] .about-list li{color:#d4a373;padding:0.7rem 0 0.7rem 2rem;border-bottom:1px dotted #b87333;position:relative;letter-spacing:0.05em}
[data-theme="t20"] .about-list li::before{content:"⚙";position:absolute;left:0;color:#b87333}
[data-theme="t20"] .skill-cat{margin-bottom:2.5rem;background:linear-gradient(180deg,rgba(184,115,51,0.05) 0%,transparent 100%);border:1px solid #b87333;padding:1.5rem;position:relative}
[data-theme="t20"] .skill-cat::before{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px dashed #b87333;opacity:0.3;pointer-events:none}
[data-theme="t20"] .skills-cat-title{color:#b87333;letter-spacing:0.3em;text-transform:uppercase;font-size:0.8rem;font-weight:700;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px double #b87333;display:inline-block}
[data-theme="t20"] .skill-row{display:grid;grid-template-columns:1fr 1.5fr 60px;gap:1.5rem;align-items:center;padding:0.6rem 0;border-bottom:1px dotted rgba(184,115,51,0.3)}
[data-theme="t20"] .skill-name{color:#d4a373;letter-spacing:0.05em;text-transform:uppercase;font-size:0.8rem;font-weight:500}
[data-theme="t20"] .skill-bar-wrap{height:6px;background:rgba(184,115,51,0.2);border:1px solid #b87333;position:relative;overflow:hidden}
[data-theme="t20"] .skill-bar{height:100%;background:repeating-linear-gradient(90deg,#b87333 0,#b87333 3px,#d4a373 3px,#d4a373 6px);position:relative}
[data-theme="t20"] .skill-bar::after{content:"";position:absolute;right:0;top:-2px;width:8px;height:8px;background:#f4e4bc;border:1px solid #b87333;transform:rotate(45deg)}
[data-theme="t20"] .skill-level{color:#f4e4bc;text-align:right;font-size:0.8rem;font-weight:600;letter-spacing:0.05em}
[data-theme="t20"] .cert-card,[data-theme="t20"] .project-card{background:linear-gradient(180deg,rgba(184,115,51,0.08) 0%,rgba(184,115,51,0.02) 100%);border:2px solid #b87333;border-radius:0;padding:1.5rem;position:relative;transition:all 0.3s;box-shadow:inset 0 0 0 1px rgba(184,115,51,0.3)}
[data-theme="t20"] .cert-card::before,[data-theme="t20"] .project-card::before{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px dashed #b87333;opacity:0.4;pointer-events:none}
[data-theme="t20"] .cert-card:hover,[data-theme="t20"] .project-card:hover{background:linear-gradient(180deg,rgba(184,115,51,0.15) 0%,rgba(184,115,51,0.05) 100%);transform:translate(-2px,-2px);box-shadow:inset 0 0 0 1px rgba(184,115,51,0.5),4px 4px 0 #1a0f08}
[data-theme="t20"] .contact-desc{text-align:center;color:#d4a373;font-style:italic;max-width:600px;margin:0 auto 2rem;line-height:1.8}
[data-theme="t20"] .contact-link{background:linear-gradient(180deg,#7a4520 0%,#3a1a08 100%);color:#f4e4bc;border:2px solid #b87333;border-radius:0;padding:0.8rem 1.8rem;text-transform:uppercase;letter-spacing:0.2em;font-size:0.7rem;font-weight:600;display:inline-block;margin:0.4rem;box-shadow:inset 0 1px 0 rgba(212,163,115,0.3),0 3px 0 #1a0f08;position:relative;transition:all 0.2s}
[data-theme="t20"] .contact-link::before{content:"";position:absolute;inset:4px;border:1px solid #b87333;opacity:0.4;pointer-events:none}
[data-theme="t20"] .contact-link:hover{background:linear-gradient(180deg,#b87333 0%,#7a4520 100%);transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(212,163,115,0.4),0 5px 0 #1a0f08}
[data-theme="t20"] .site-footer{background:linear-gradient(180deg,#1a0f08 0%,#2b1d10 100%);color:#b87333;padding:3rem 2rem;text-align:center;border-top:4px double #b87333;letter-spacing:0.2em;text-transform:uppercase;font-size:0.8rem;position:relative}
[data-theme="t20"] .site-footer::before{content:"⚙ ⚙ ⚙";display:block;font-size:1.5rem;letter-spacing:1rem;color:#b87333;margin-bottom:1rem;animation:rotate-gear 10s linear infinite}
[data-theme="t20"] .modal-card{background:linear-gradient(180deg,#3a1a08 0%,#1a0f08 100%);border:3px double #b87333;border-radius:0;box-shadow:0 0 0 3px #2b1d10,0 0 0 5px #b87333,8px 8px 20px rgba(0,0,0,0.5)}
[data-theme="t20"] .modal-head{background:linear-gradient(180deg,rgba(184,115,51,0.1),transparent);border-bottom:1px double #b87333}
[data-theme="t20"] .theme-tile{background:linear-gradient(180deg,rgba(184,115,51,0.08) 0%,rgba(184,115,51,0.02) 100%);border:1px solid #b87333;border-radius:0;position:relative}
[data-theme="t20"] .theme-tile::before{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;border:1px dashed #b87333;opacity:0.4;pointer-events:none}
[data-theme="t20"] .theme-tile:hover,[data-theme="t20"] .theme-tile.active{background:linear-gradient(180deg,rgba(184,115,51,0.15) 0%,rgba(184,115,51,0.05) 100%)}

/* ============================================================
   T21: SPACE OPERA
   Stars & nebulae, gold on indigo, epic
   ============================================================ */
[data-theme="t21"]{
  --bg:#0a0e27;--fg:#e8e8f0;--gold:#f4c430;--gold-light:#fff8dc;--nebula-1:#4a1a6e;--nebula-2:#8b1a4a;--star:#ffffff;
  background:#0a0e27;color:#e8e8f0;font-family:'Cinzel','Trajan Pro',Georgia,serif;
}
[data-theme="t21"] body{background:radial-gradient(ellipse at 20% 30%,#1a1a4e 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,#4a1a6e 0%,transparent 50%),#0a0e27;color:#e8e8f0;font-family:Georgia,serif}
[data-theme="t21"] .topbar{background:rgba(10,14,39,0.9);border-bottom:1px solid #f4c430;backdrop-filter:blur(15px)}
[data-theme="t21"] .brand-glyph{background:radial-gradient(circle,#f4c430 0%,#b8860b 70%,#4a3508 100%);color:#0a0e27;border:2px solid #f4c430;border-radius:50%;font-family:Georgia,serif;font-weight:900;box-shadow:0 0 25px rgba(244,196,48,0.5);position:relative}
[data-theme="t21"] .brand-glyph::before{content:"";position:absolute;inset:-6px;border:1px dashed #f4c430;border-radius:50%;opacity:0.4}
[data-theme="t21"] .brand-name{color:#f4c430;letter-spacing:0.3em;text-transform:uppercase;font-weight:600;text-shadow:0 0 15px rgba(244,196,48,0.5);font-size:0.9rem}
[data-theme="t21"] .nav-list a{color:#e8e8f0;text-transform:uppercase;letter-spacing:0.25em;font-size:0.7rem;padding:0.6rem 1rem;font-weight:500;position:relative}
[data-theme="t21"] .nav-list a::after{content:"✦";position:absolute;right:0.2rem;top:50%;transform:translateY(-50%);color:#f4c430;font-size:0.5rem;opacity:0;transition:opacity 0.3s}
[data-theme="t21"] .nav-list a:hover{color:#f4c430;text-shadow:0 0 10px rgba(244,196,48,0.5)}
[data-theme="t21"] .nav-list a:hover::after{opacity:1}
[data-theme="t21"] .btn-theme-pick,[data-theme="t21"] .btn-lang{background:rgba(244,196,48,0.1);border:1px solid #f4c430;color:#f4c430;border-radius:0;text-transform:uppercase;letter-spacing:0.2em;font-size:0.65rem;padding:0.5rem 1rem;font-weight:600;position:relative}
[data-theme="t21"] .btn-theme-pick::before,[data-theme="t21"] .btn-lang::before{content:"✦";position:absolute;left:0.3rem;top:50%;transform:translateY(-50%);color:#f4c430;font-size:0.5rem}
[data-theme="t21"] .btn-theme-pick:hover,[data-theme="t21"] .btn-lang:hover{background:rgba(244,196,48,0.2);box-shadow:0 0 20px rgba(244,196,48,0.3)}
[data-theme="t21"] .nav-toggle{background:rgba(244,196,48,0.1);border:1px solid #f4c430;border-radius:0}
[data-theme="t21"] .nav-toggle span{background:#f4c430}
[data-theme="t21"] .hero{padding:8rem 2rem 6rem;text-align:center;position:relative}
[data-theme="t21"] .hero-shell{max-width:900px;margin:0 auto;position:relative;padding:3rem 2.5rem}
[data-theme="t21"] .hero-prompt{display:none}
[data-theme="t21"] .hero-greeting{color:#f4c430;font-size:0.85rem;letter-spacing:0.5em;text-transform:uppercase;font-weight:500;text-shadow:0 0 10px rgba(244,196,48,0.4)}
[data-theme="t21"] .hero-name{font-size:clamp(2.5rem,7vw,5rem);color:#f4c430;background:linear-gradient(180deg,#fff8dc 0%,#f4c430 50%,#b8860b 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;letter-spacing:0.1em;line-height:1.1;margin:1.5rem 0;text-transform:uppercase;text-shadow:0 0 40px rgba(244,196,48,0.3);position:relative}
[data-theme="t21"] .hero-name::before,[data-theme="t21"] .hero-name::after{content:"✦";position:absolute;top:50%;transform:translateY(-50%);color:#f4c430;font-size:1.5rem;text-shadow:0 0 20px rgba(244,196,48,0.8)}
[data-theme="t21"] .hero-name::before{left:-3rem}
[data-theme="t21"] .hero-name::after{right:-3rem}
[data-theme="t21"] .hero-role{color:#e8e8f0;font-size:1.3rem;letter-spacing:0.2em;text-transform:uppercase;font-weight:500}
[data-theme="t21"] .hero-tagline{color:#f4c430;letter-spacing:0.3em;text-transform:uppercase;font-size:0.75rem;margin-top:0.5rem;font-weight:500;opacity:0.8}
[data-theme="t21"] .hero-subtitle{color:#a8a8c0;font-size:0.85rem;margin-top:0.4rem;letter-spacing:0.1em}
[data-theme="t21"] .hero-cta{margin-top:2.5rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
[data-theme="t21"] .btn{padding:0.9rem 2.2rem;background:rgba(244,196,48,0.1);color:#f4c430;border:1px solid #f4c430;border-radius:0;text-transform:uppercase;letter-spacing:0.3em;font-size:0.7rem;font-weight:600;position:relative;box-shadow:0 0 0 1px rgba(244,196,48,0.3),inset 0 0 20px rgba(244,196,48,0.05);transition:all 0.3s}
[data-theme="t21"] .btn::before{content:"✦";position:absolute;left:0.5rem;top:50%;transform:translateY(-50%);color:#f4c430;font-size:0.5rem;opacity:0.6}
[data-theme="t21"] .btn::after{content:"✦";position:absolute;right:0.5rem;top:50%;transform:translateY(-50%);color:#f4c430;font-size:0.5rem;opacity:0.6}
[data-theme="t21"] .btn:hover{background:rgba(244,196,48,0.2);box-shadow:0 0 30px rgba(244,196,48,0.4),inset 0 0 20px rgba(244,196,48,0.1);transform:translateY(-2px)}
[data-theme="t21"] .btn-primary{background:#f4c430;color:#0a0e27;box-shadow:0 0 20px rgba(244,196,48,0.3)}
[data-theme="t21"] .btn-primary:hover{background:#fff8dc;box-shadow:0 0 40px rgba(244,196,48,0.6)}
[data-theme="t21"] .sec{padding:6rem 2rem;position:relative}
[data-theme="t21"] .sec-eyebrow{color:#f4c430;letter-spacing:0.5em;text-transform:uppercase;font-size:0.7rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:0.5rem}
[data-theme="t21"] .sec-eyebrow::before,[data-theme="t21"] .sec-eyebrow::after{content:"✦";color:#f4c430;font-size:0.6rem}
[data-theme="t21"] .sec-title{color:#f4c430;background:linear-gradient(180deg,#fff8dc,#f4c430);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;font-size:clamp(1.5rem,4vw,2.4rem);text-shadow:0 0 30px rgba(244,196,48,0.3)}
[data-theme="t21"] .about-grid{display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:start;max-width:1100px;margin:0 auto}
@media (max-width:768px){[data-theme="t21"] .about-grid{grid-template-columns:1fr;gap:2rem}}
[data-theme="t21"] .about-photo{position:relative;padding:8px;background:linear-gradient(135deg,#f4c430 0%,#b8860b 100%);border-radius:50%;box-shadow:0 0 40px rgba(244,196,48,0.3)}
[data-theme="t21"] .about-photo img{border-radius:50%;border:3px solid #0a0e27;filter:contrast(1.1) saturate(1.1)}
[data-theme="t21"] .photo-frame{display:none}
[data-theme="t21"] .about-text{background:rgba(244,196,48,0.03);border:1px solid rgba(244,196,48,0.3);padding:2rem;position:relative}
[data-theme="t21"] .about-text::before,[data-theme="t21"] .about-text::after{content:"✦";position:absolute;color:#f4c430;font-size:0.8rem;opacity:0.6}
[data-theme="t21"] .about-text::before{top:0.5rem;left:0.5rem}
[data-theme="t21"] .about-text::after{bottom:0.5rem;right:0.5rem}
[data-theme="t21"] .about-text p{color:#e8e8f0;line-height:1.9;margin-bottom:1.2rem}
[data-theme="t21"] .about-highlight{color:#f4c430;font-style:italic;font-weight:500;border-left:2px solid #f4c430;padding-left:1.5rem;text-shadow:0 0 10px rgba(244,196,48,0.2)}
[data-theme="t21"] .about-list{margin-top:1.5rem;display:grid;gap:0.5rem}
[data-theme="t21"] .about-list li{color:#e8e8f0;padding:0.7rem 0 0.7rem 2rem;border-bottom:1px solid rgba(244,196,48,0.2);position:relative;letter-spacing:0.05em}
[data-theme="t21"] .about-list li::before{content:"✦";position:absolute;left:0;color:#f4c430;font-size:0.7rem}
[data-theme="t21"] .skill-cat{margin-bottom:2.5rem}
[data-theme="t21"] .skills-cat-title{color:#f4c430;letter-spacing:0.3em;text-transform:uppercase;font-size:0.8rem;font-weight:600;margin-bottom:1.2rem;padding-bottom:0.5rem;border-bottom:1px solid #f4c430;display:flex;align-items:center;gap:0.5rem}
[data-theme="t21"] .skills-cat-title::before{content:"✦";color:#f4c430;font-size:0.6rem}
[data-theme="t21"] .skill-row{background:rgba(244,196,48,0.05);border:1px solid rgba(244,196,48,0.3);padding:0.8rem 1.2rem;margin-bottom:0.5rem;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;transition:all 0.3s;position:relative}
[data-theme="t21"] .skill-row:hover{background:rgba(244,196,48,0.1);box-shadow:0 0 20px rgba(244,196,48,0.2);transform:translateX(4px)}
[data-theme="t21"] .skill-name{color:#e8e8f0;text-transform:uppercase;letter-spacing:0.1em;font-size:0.8rem;font-weight:500}
[data-theme="t21"] .skill-bar-wrap{grid-column:1/-1;height:3px;background:rgba(244,196,48,0.2);position:relative;margin-top:0.5rem}
[data-theme="t21"] .skill-bar{height:100%;background:linear-gradient(90deg,#b8860b,#f4c430,#fff8dc);position:relative;box-shadow:0 0 10px rgba(244,196,48,0.5)}
[data-theme="t21"] .skill-bar::after{content:"✦";position:absolute;right:-4px;top:-7px;color:#fff8dc;font-size:0.6rem}
[data-theme="t21"] .skill-level{color:#f4c430;background:rgba(244,196,48,0.15);padding:0.3rem 0.7rem;border:1px solid #f4c430;font-size:0.7rem;letter-spacing:0.1em;font-weight:600}
[data-theme="t21"] .cert-card,[data-theme="t21"] .project-card{background:rgba(244,196,48,0.05);border:1px solid #f4c430;border-radius:0;padding:1.5rem;position:relative;transition:all 0.3s}
[data-theme="t21"] .cert-card::before,[data-theme="t21"] .project-card::before{content:"✦";position:absolute;top:0.5rem;right:0.5rem;color:#f4c430;font-size:0.7rem;opacity:0.6}
[data-theme="t21"] .cert-card:hover,[data-theme="t21"] .project-card:hover{background:rgba(244,196,48,0.1);box-shadow:0 0 30px rgba(244,196,48,0.3);transform:translateY(-3px)}
[data-theme="t21"] .contact-desc{text-align:center;color:#e8e8f0;max-width:600px;margin:0 auto 2rem;line-height:1.8;letter-spacing:0.05em}
[data-theme="t21"] .contact-link{background:rgba(244,196,48,0.1);color:#f4c430;border:1px solid #f4c430;border-radius:0;padding:0.8rem 1.8rem;text-transform:uppercase;letter-spacing:0.2em;font-size:0.7rem;font-weight:600;display:inline-block;margin:0.4rem;position:relative;transition:all 0.3s}
[data-theme="t21"] .contact-link::before{content:"✦ ";color:#f4c430}
[data-theme="t21"] .contact-link:hover{background:#f4c430;color:#0a0e27;box-shadow:0 0 30px rgba(244,196,48,0.5);transform:translateY(-2px)}
[data-theme="t21"] .site-footer{background:linear-gradient(180deg,#0a0e27 0%,#050714 100%);color:#f4c430;padding:3rem 2rem;text-align:center;border-top:1px solid #f4c430;letter-spacing:0.3em;text-transform:uppercase;font-size:0.75rem;position:relative}
[data-theme="t21"] .site-footer::before{content:"✦ ✦ ✦ ✦ ✦";display:block;color:#f4c430;letter-spacing:1rem;margin-bottom:1rem;opacity:0.6}
[data-theme="t21"] .modal-card{background:rgba(10,14,39,0.95);border:1px solid #f4c430;border-radius:0;box-shadow:0 0 0 1px #f4c430,0 0 40px rgba(244,196,48,0.2),0 20px 60px rgba(0,0,0,0.5);backdrop-filter:blur(20px)}
[data-theme="t21"] .modal-head{background:rgba(244,196,48,0.05);border-bottom:1px solid #f4c430}
[data-theme="t21"] .theme-tile{background:rgba(244,196,48,0.05);border:1px solid rgba(244,196,48,0.3);border-radius:0;position:relative;transition:all 0.3s}
[data-theme="t21"] .theme-tile::before{content:"✦";position:absolute;top:0.3rem;right:0.5rem;color:#f4c430;font-size:0.6rem;opacity:0.5}
[data-theme="t21"] .theme-tile:hover,[data-theme="t21"] .theme-tile.active{background:rgba(244,196,48,0.15);border-color:#f4c430;box-shadow:0 0 20px rgba(244,196,48,0.3)}

/* ============================================================
   T22: COTTAGECORE
   Beige & sage, floral, cozy handwritten
   ============================================================ */
[data-theme="t22"]{
  --bg:#f5efe0;--fg:#4a3c28;--sage:#8a9a5b;--rose:#c48b7a;--cream:#faf3e0;--brown:#6b4f3a;
  background:#f5efe0;color:#4a3c28;font-family:'Caveat','Patrick Hand',cursive;
}
[data-theme="t22"] body{background:#f5efe0;color:#4a3c28;font-family:cursive;background-image:radial-gradient(circle at 10% 20%,rgba(138,154,91,0.08) 0%,transparent 25%),radial-gradient(circle at 90% 80%,rgba(196,139,122,0.08) 0%,transparent 25%)}
[data-theme="t22"] .topbar{background:rgba(245,239,224,0.95);border-bottom:2px solid #8a9a5b;position:relative}
[data-theme="t22"] .topbar::after{content:"❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀";position:absolute;bottom:0.5rem;left:50%;transform:translateX(-50%);color:#8a9a5b;font-size:0.6rem;letter-spacing:0.5rem;opacity:0.4;display:none}
[data-theme="t22"] .brand-glyph{background:#8a9a5b;color:#f5efe0;border:2px solid #6b4f3a;border-radius:50%;font-family:cursive;font-size:1.1rem;font-weight:700;box-shadow:0 4px 0 #6b4f3a}
[data-theme="t22"] .brand-name{color:#4a3c28;font-weight:700;font-size:1.3rem;letter-spacing:0.02em}
[data-theme="t22"] .nav-list a{color:#6b4f3a;font-weight:600;font-size:0.95rem;padding:0.5rem 1rem;border-bottom:2px dotted transparent}
[data-theme="t22"] .nav-list a:hover{color:#8a9a5b;border-bottom-color:#c48b7a}
[data-theme="t22"] .btn-theme-pick,[data-theme="t22"] .btn-lang{background:#faf3e0;border:2px solid #6b4f3a;color:#6b4f3a;border-radius:20px;font-weight:700;letter-spacing:0.05em;box-shadow:2px 2px 0 #6b4f3a}
[data-theme="t22"] .btn-theme-pick:hover,[data-theme="t22"] .btn-lang:hover{background:#c48b7a;color:#faf3e0;transform:translate(-1px,-1px);box-shadow:3px 3px 0 #6b4f3a}
[data-theme="t22"] .nav-toggle{background:#faf3e0;border:2px solid #6b4f3a;border-radius:20px;box-shadow:2px 2px 0 #6b4f3a}
[data-theme="t22"] .nav-toggle span{background:#6b4f3a}
[data-theme="t22"] .hero{padding:7rem 2rem 5rem;text-align:center;position:relative;background:linear-gradient(180deg,#f5efe0 0%,#ede4cf 100%)}
[data-theme="t22"] .hero::before{content:"🌿";position:absolute;top:2rem;left:2rem;font-size:3rem;opacity:0.3;transform:rotate(-15deg)}
[data-theme="t22"] .hero::after{content:"🌸";position:absolute;bottom:2rem;right:2rem;font-size:3rem;opacity:0.3;transform:rotate(15deg)}
[data-theme="t22"] .hero-shell{max-width:850px;margin:0 auto;background:#faf3e0;border:3px solid #6b4f3a;border-radius:30px;padding:3rem 2.5rem;box-shadow:6px 6px 0 #8a9a5b,12px 12px 0 #c48b7a;position:relative}
[data-theme="t22"] .hero-shell::before{content:"";position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:60px;height:24px;background:#c48b7a;border:2px solid #6b4f3a;border-radius:12px}
[data-theme="t22"] .hero-prompt{display:none}
[data-theme="t22"] .hero-greeting{color:#8a9a5b;font-size:1.2rem;font-weight:600}
[data-theme="t22"] .hero-name{font-size:clamp(2.5rem,7vw,4.5rem);color:#6b4f3a;font-weight:700;letter-spacing:0.01em;line-height:1.1;margin:1rem 0;text-shadow:3px 3px 0 #c48b7a}
[data-theme="t22"] .hero-role{color:#8a9a5b;font-size:1.4rem;font-weight:600;letter-spacing:0.02em}
[data-theme="t22"] .hero-tagline{color:#6b4f3a;font-size:1rem;margin-top:0.5rem;font-weight:500}
[data-theme="t22"] .hero-subtitle{color:#a0826d;font-size:0.9rem;margin-top:0.4rem}
[data-theme="t22"] .hero-cta{margin-top:2.5rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
[data-theme="t22"] .btn{padding:0.9rem 2rem;background:#faf3e0;border:2px solid #6b4f3a;color:#6b4f3a;border-radius:25px;font-weight:700;letter-spacing:0.05em;font-size:0.95rem;box-shadow:3px 3px 0 #6b4f3a;transition:all 0.2s}
[data-theme="t22"] .btn:hover{background:#c48b7a;color:#faf3e0;transform:translate(-2px,-2px);box-shadow:5px 5px 0 #6b4f3a}
[data-theme="t22"] .btn-primary{background:#8a9a5b;color:#faf3e0}
[data-theme="t22"] .btn-primary:hover{background:#c48b7a}
[data-theme="t22"] .sec{padding:5rem 2rem}
[data-theme="t22"] .sec-eyebrow{color:#8a9a5b;font-weight:600;letter-spacing:0.1em;font-size:0.95rem}
[data-theme="t22"] .sec-eyebrow::before{content:"❀ "}
[data-theme="t22"] .sec-title{color:#6b4f3a;font-weight:700;font-size:clamp(1.6rem,4vw,2.5rem);letter-spacing:0.01em;line-height:1.2}
[data-theme="t22"] .sec-head{margin-bottom:3rem}
[data-theme="t22"] .sec-head::after{content:"🌸";display:block;margin-top:1rem;font-size:1.5rem}
[data-theme="t22"] .about-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:2.5rem;align-items:start;max-width:1100px;margin:0 auto}
@media (max-width:768px){[data-theme="t22"] .about-grid{grid-template-columns:1fr;gap:2rem}}
[data-theme="t22"] .about-photo{position:relative;padding:1rem;background:#faf3e0;border:3px solid #6b4f3a;border-radius:30px;box-shadow:5px 5px 0 #c48b7a;transform:rotate(-2deg)}
[data-theme="t22"] .about-photo::before{content:"🌿";position:absolute;top:-1rem;left:1rem;font-size:1.5rem;transform:rotate(-30deg)}
[data-theme="t22"] .about-photo::after{content:"🌸";position:absolute;bottom:-1rem;right:1rem;font-size:1.5rem;transform:rotate(30deg)}
[data-theme="t22"] .about-photo img{border-radius:20px;border:2px solid #6b4f3a;filter:sepia(20%) saturate(0.9)}
[data-theme="t22"] .photo-frame{display:none}
[data-theme="t22"] .about-text{background:#faf3e0;border:3px solid #6b4f3a;border-radius:25px;padding:2rem;box-shadow:5px 5px 0 #8a9a5b;position:relative}
[data-theme="t22"] .about-text::before{content:"🌼";position:absolute;top:-1rem;left:1.5rem;font-size:1.5rem;background:#faf3e0;padding:0 0.3rem}
[data-theme="t22"] .about-text p{color:#4a3c28;line-height:1.7;margin-bottom:1rem;font-size:1.05rem}
[data-theme="t22"] .about-highlight{color:#8a9a5b;font-weight:700;background:#faf3e0;padding:0.6rem 1.2rem;border:2px solid #8a9a5b;border-radius:15px;display:inline-block;margin:0.5rem 0;font-size:1.1rem}
[data-theme="t22"] .about-list{margin-top:1.2rem;display:grid;gap:0.6rem}
[data-theme="t22"] .about-list li{background:#faf3e0;border:2px solid #6b4f3a;border-radius:15px;padding:0.7rem 1rem;color:#4a3c28;font-weight:600;position:relative;padding-left:2.5rem}
[data-theme="t22"] .about-list li::before{content:"✿";position:absolute;left:0.7rem;color:#c48b7a;font-size:1.1rem}
[data-theme="t22"] .about-list li:nth-child(even){background:#ede4cf;border-color:#8a9a5b;transform:rotate(0.5deg)}
[data-theme="t22"] .about-list li:nth-child(even)::before{color:#8a9a5b}
[data-theme="t22"] .skill-cat{margin-bottom:2.5rem}
[data-theme="t22"] .skills-cat-title{color:#8a9a5b;font-weight:700;font-size:1.15rem;margin-bottom:1.2rem;padding:0.5rem 1.2rem;background:#faf3e0;border:2px solid #8a9a5b;border-radius:20px;display:inline-block;box-shadow:2px 2px 0 #6b4f3a}
[data-theme="t22"] .skill-row{background:#faf3e0;border:2px solid #6b4f3a;border-radius:18px;padding:0.8rem 1.2rem;margin-bottom:0.6rem;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;box-shadow:3px 3px 0 #c48b7a;transition:all 0.2s}
[data-theme="t22"] .skill-row:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #c48b7a}
[data-theme="t22"] .skill-name{color:#4a3c28;font-weight:700;font-size:1rem}
[data-theme="t22"] .skill-bar-wrap{grid-column:1/-1;height:10px;background:#ede4cf;border:2px solid #6b4f3a;border-radius:10px;overflow:hidden;margin-top:0.4rem}
[data-theme="t22"] .skill-bar{height:100%;background:repeating-linear-gradient(45deg,#8a9a5b 0,#8a9a5b 4px,#c48b7a 4px,#c48b7a 8px);border-radius:6px}
[data-theme="t22"] .skill-level{background:#8a9a5b;color:#faf3e0;padding:0.3rem 0.7rem;border:2px solid #6b4f3a;border-radius:12px;font-weight:700;font-size:0.85rem;box-shadow:1px 1px 0 #6b4f3a}
[data-theme="t22"] .cert-card,[data-theme="t22"] .project-card{background:#faf3e0;border:2px solid #6b4f3a;border-radius:20px;padding:1.5rem;box-shadow:4px 4px 0 #c48b7a;transition:all 0.2s;position:relative}
[data-theme="t22"] .cert-card::before,[data-theme="t22"] .project-card::before{content:"🌿";position:absolute;top:-0.8rem;right:1rem;font-size:1.2rem;background:#faf3e0;padding:0 0.3rem}
[data-theme="t22"] .cert-card:hover,[data-theme="t22"] .project-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #c48b7a}
[data-theme="t22"] .cert-card:nth-child(2n),[data-theme="t22"] .project-card:nth-child(2n){box-shadow:4px 4px 0 #8a9a5b}
[data-theme="t22"] .cert-card:nth-child(2n):before,[data-theme="t22"] .project-card:nth-child(2n):before{content:"🌸"}
[data-theme="t22"] .contact-desc{text-align:center;color:#4a3c28;max-width:600px;margin:0 auto 2rem;line-height:1.7;font-size:1.05rem}
[data-theme="t22"] .contact-link{background:#faf3e0;border:2px solid #6b4f3a;color:#6b4f3a;border-radius:25px;padding:0.8rem 1.8rem;font-weight:700;display:inline-block;margin:0.4rem;box-shadow:3px 3px 0 #6b4f3a;transition:all 0.2s}
[data-theme="t22"] .contact-link::before{content:"🌼 "}
[data-theme="t22"] .contact-link:hover{background:#c48b7a;color:#faf3e0;transform:translate(-2px,-2px);box-shadow:5px 5px 0 #6b4f3a}
[data-theme="t22"] .site-footer{background:#8a9a5b;color:#faf3e0;padding:3rem 2rem;text-align:center;border-top:4px solid #6b4f3a;font-weight:600;letter-spacing:0.05em}
[data-theme="t22"] .site-footer::before{content:"🌸 🌿 🌸 🌿 🌸";display:block;font-size:1.3rem;letter-spacing:0.5rem;margin-bottom:1rem}
[data-theme="t22"] .modal-card{background:#faf3e0;border:3px solid #6b4f3a;border-radius:30px;box-shadow:6px 6px 0 #8a9a5b,12px 12px 0 #c48b7a}
[data-theme="t22"] .modal-head{background:#8a9a5b;color:#faf3e0;border-bottom:3px solid #6b4f3a;border-radius:27px 27px 0 0}
[data-theme="t22"] .theme-tile{background:#faf3e0;border:2px solid #6b4f3a;border-radius:15px;box-shadow:2px 2px 0 #6b4f3a;position:relative}
[data-theme="t22"] .theme-tile::before{content:"❀";position:absolute;top:0.3rem;right:0.5rem;color:#c48b7a}
[data-theme="t22"] .theme-tile:hover,[data-theme="t22"] .theme-tile.active{background:#ede4cf;transform:translate(-1px,-1px);box-shadow:3px 3px 0 #6b4f3a}

/* ============================================================
   T23: CASSETTE FUTURISM
   80s sci-fi, orange & brown, CRT analog
   ============================================================ */
[data-theme="t23"]{
  --bg:#1a0f08;--fg:#d4a574;--orange:#ff6b1a;--brown:#5c3a1e;--rust:#8b3a1a;--cream:#f0d9a8;
  background:#1a0f08;color:#d4a574;font-family:'VT323','Courier New',monospace;
}
[data-theme="t23"] body{background:#1a0f08;color:#d4a574;font-family:'Courier New',monospace;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 2px,rgba(255,107,26,0.04) 2px,rgba(255,107,26,0.04) 3px)}
[data-theme="t23"] .topbar{background:rgba(26,15,8,0.95);border-bottom:3px solid #ff6b1a;box-shadow:0 3px 0 #8b3a1a}
[data-theme="t23"] .brand-glyph{background:linear-gradient(180deg,#ff6b1a 0%,#8b3a1a 100%);color:#1a0f08;border:2px solid #d4a574;border-radius:0;font-family:'Courier New',monospace;font-weight:900;text-transform:uppercase}
[data-theme="t23"] .brand-name{color:#ff6b1a;text-transform:uppercase;letter-spacing:0.2em;font-weight:700;font-size:0.95rem;text-shadow:2px 2px 0 #8b3a1a,4px 4px 0 #1a0f08}
[data-theme="t23"] .nav-list a{color:#d4a574;text-transform:uppercase;letter-spacing:0.15em;font-size:0.75rem;padding:0.5rem 1rem;border:1px solid #5c3a1e;font-weight:600}
[data-theme="t23"] .nav-list a:hover{color:#ff6b1a;border-color:#ff6b1a;background:rgba(255,107,26,0.1);text-shadow:0 0 8px rgba(255,107,26,0.5)}
[data-theme="t23"] .btn-theme-pick,[data-theme="t23"] .btn-lang{background:#1a0f08;color:#ff6b1a;border:2px solid #ff6b1a;border-radius:0;text-transform:uppercase;letter-spacing:0.15em;font-size:0.7rem;padding:0.5rem 1rem;font-weight:600;box-shadow:inset 0 0 0 1px #ff6b1a,3px 3px 0 #5c3a1e}
[data-theme="t23"] .btn-theme-pick:hover,[data-theme="t23"] .btn-lang:hover{background:#ff6b1a;color:#1a0f08;box-shadow:inset 0 0 0 1px #1a0f08,4px 4px 0 #d4a574}
[data-theme="t23"] .nav-toggle{background:#1a0f08;border:2px solid #ff6b1a;border-radius:0;box-shadow:2px 2px 0 #5c3a1e}
[data-theme="t23"] .nav-toggle span{background:#ff6b1a;height:3px}
[data-theme="t23"] .hero{padding:7rem 2rem 5rem;text-align:center;position:relative;background:radial-gradient(ellipse at center,rgba(255,107,26,0.15) 0%,transparent 60%)}
[data-theme="t23"] .hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(212,165,116,0.03) 3px,rgba(212,165,116,0.03) 4px);pointer-events:none;animation:scanlines 8s linear infinite}
@keyframes scanlines{0%{transform:translateY(0)}100%{transform:translateY(4px)}}
[data-theme="t23"] .hero-shell{max-width:900px;margin:0 auto;background:rgba(26,15,8,0.8);border:3px solid #ff6b1a;padding:3rem 2.5rem;position:relative;box-shadow:inset 0 0 30px rgba(255,107,26,0.1),6px 6px 0 #5c3a1e,12px 12px 0 #1a0f08}
[data-theme="t23"] .hero-shell::before{content:"[ TRANSMISSION ACTIVE ]";position:absolute;top:-1rem;left:50%;transform:translateX(-50%);background:#1a0f08;color:#ff6b1a;padding:0.2rem 1rem;font-size:0.7rem;letter-spacing:0.2em;border:1px solid #ff6b1a;font-weight:700}
[data-theme="t23"] .hero-prompt{display:none}
[data-theme="t23"] .hero-greeting{color:#ff6b1a;font-size:0.8rem;letter-spacing:0.4em;text-transform:uppercase;font-weight:600;background:rgba(255,107,26,0.1);padding:0.3rem 1rem;border:1px solid #ff6b1a;display:inline-block}
[data-theme="t23"] .hero-name{font-size:clamp(2.2rem,7vw,4.5rem);color:#ff6b1a;text-transform:uppercase;letter-spacing:0.1em;line-height:1;margin:1.5rem 0;font-weight:900;text-shadow:3px 3px 0 #8b3a1a,6px 6px 0 #5c3a1e;position:relative}
[data-theme="t23"] .hero-name::before{content:attr(data-text);position:absolute;left:2px;top:0;color:#d4a574;opacity:0.4;z-index:-1}
[data-theme="t23"] .hero-role{color:#d4a574;font-size:1.2rem;letter-spacing:0.2em;text-transform:uppercase;font-weight:600;border-top:1px dashed #ff6b1a;border-bottom:1px dashed #ff6b1a;padding:0.4rem 0;display:inline-block;margin-top:0.5rem}
[data-theme="t23"] .hero-tagline{color:#d4a574;letter-spacing:0.2em;text-transform:uppercase;font-size:0.75rem;margin-top:0.5rem}
[data-theme="t23"] .hero-subtitle{color:#8b6f47;font-size:0.8rem;margin-top:0.3rem;letter-spacing:0.05em}
[data-theme="t23"] .hero-cta{margin-top:2.5rem;display:flex;gap:0.8rem;justify-content:center;flex-wrap:wrap}
[data-theme="t23"] .btn{padding:0.9rem 2rem;background:linear-gradient(180deg,#ff6b1a 0%,#8b3a1a 100%);color:#1a0f08;border:2px solid #d4a574;border-radius:0;text-transform:uppercase;letter-spacing:0.2em;font-size:0.75rem;font-weight:700;box-shadow:inset 0 1px 0 rgba(240,217,168,0.4),3px 3px 0 #1a0f08,5px 5px 0 #5c3a1e;position:relative;transition:all 0.2s}
[data-theme="t23"] .btn::before{content:">";position:absolute;left:0.5rem;top:50%;transform:translateY(-50%);color:#d4a574;font-size:0.7rem;opacity:0.6}
[data-theme="t23"] .btn::after{content:"<";position:absolute;right:0.5rem;top:50%;transform:translateY(-50%);color:#d4a574;font-size:0.7rem;opacity:0.6}
[data-theme="t23"] .btn:hover{background:linear-gradient(180deg,#ff8b3a 0%,#ff6b1a 100%);transform:translate(-1px,-1px);box-shadow:inset 0 1px 0 rgba(240,217,168,0.5),4px 4px 0 #1a0f08,6px 6px 0 #5c3a1e}
[data-theme="t23"] .btn:active{transform:translate(2px,2px);box-shadow:inset 0 1px 0 rgba(240,217,168,0.3),1px 1px 0 #1a0f08,2px 2px 0 #5c3a1e}
[data-theme="t23"] .btn-primary{background:linear-gradient(180deg,#f0d9a8 0%,#d4a574 100%);color:#1a0f08;border-color:#ff6b1a}
[data-theme="t23"] .sec{padding:5rem 2rem;position:relative}
[data-theme="t23"] .sec::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:repeating-linear-gradient(90deg,#ff6b1a 0,#ff6b1a 8px,transparent 8px,transparent 16px)}
[data-theme="t23"] .sec-eyebrow{color:#ff6b1a;letter-spacing:0.3em;text-transform:uppercase;font-size:0.7rem;font-weight:700;background:rgba(255,107,26,0.1);padding:0.3rem 1rem;border:1px solid #ff6b1a;display:inline-block}
[data-theme="t23"] .sec-title{color:#ff6b1a;text-transform:uppercase;letter-spacing:0.1em;font-weight:900;font-size:clamp(1.4rem,3.5vw,2.2rem);text-shadow:2px 2px 0 #8b3a1a,4px 4px 0 #5c3a1e;line-height:1.1}
[data-theme="t23"] .about-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:2.5rem;align-items:start;max-width:1100px;margin:0 auto}
@media (max-width:768px){[data-theme="t23"] .about-grid{grid-template-columns:1fr;gap:2rem}}
[data-theme="t23"] .about-photo{position:relative;padding:1rem;background:linear-gradient(135deg,#5c3a1e 0%,#1a0f08 100%);border:2px solid #ff6b1a;box-shadow:inset 0 0 20px rgba(255,107,26,0.2),4px 4px 0 #8b3a1a}
[data-theme="t23"] .about-photo::before{content:"◉ REC";position:absolute;top:0.3rem;right:0.5rem;color:#ff6b1a;font-size:0.7rem;letter-spacing:0.1em;background:#1a0f08;padding:0.1rem 0.4rem;border:1px solid #ff6b1a;animation:blink-rec 1.5s ease-in-out infinite}
@keyframes blink-rec{0%,100%{opacity:1}50%{opacity:0.3}}
[data-theme="t23"] .about-photo img{border:1px solid #d4a574;filter:sepia(60%) contrast(1.15) saturate(1.1) hue-rotate(-10deg)}
[data-theme="t23"] .photo-frame{display:none}
[data-theme="t23"] .about-text{background:rgba(26,15,8,0.6);border:2px solid #5c3a1e;padding:1.5rem;position:relative;box-shadow:inset 0 0 20px rgba(255,107,26,0.05)}
[data-theme="t23"] .about-text::before{content:"> SYSTEM.ABOUT";position:absolute;top:-0.8rem;left:1rem;background:#1a0f08;color:#ff6b1a;padding:0 0.5rem;font-size:0.7rem;letter-spacing:0.1em}
[data-theme="t23"] .about-text p{color:#d4a574;line-height:1.7;margin-bottom:1rem;font-size:0.95rem}
[data-theme="t23"] .about-text p::first-letter{color:#ff6b1a;font-weight:700;font-size:1.3em}
[data-theme="t23"] .about-highlight{color:#ff6b1a;background:rgba(255,107,26,0.1);padding:0.6rem 1rem;border-left:3px solid #ff6b1a;font-weight:600}
[data-theme="t23"] .about-list{margin-top:1.2rem;display:grid;gap:0.4rem}
[data-theme="t23"] .about-list li{color:#d4a574;padding:0.5rem 0 0.5rem 1.5rem;border-bottom:1px dashed #5c3a1e;position:relative;font-size:0.9rem}
[data-theme="t23"] .about-list li::before{content:"▸";position:absolute;left:0;color:#ff6b1a}
[data-theme="t23"] .skill-cat{margin-bottom:2rem;background:rgba(26,15,8,0.5);border:1px solid #5c3a1e;padding:1.2rem;position:relative}
[data-theme="t23"] .skill-cat::before{content:"> LIST.SKILLS";position:absolute;top:-0.7rem;left:1rem;background:#1a0f08;color:#ff6b1a;padding:0 0.5rem;font-size:0.65rem;letter-spacing:0.1em}
[data-theme="t23"] .skills-cat-title{color:#ff6b1a;letter-spacing:0.2em;text-transform:uppercase;font-size:0.8rem;font-weight:700;margin-bottom:1rem;padding-bottom:0.4rem;border-bottom:1px dashed #ff6b1a;display:inline-block}
[data-theme="t23"] .skill-row{display:grid;grid-template-columns:1fr 60px;gap:0.8rem;align-items:center;padding:0.5rem 0;border-bottom:1px dashed #5c3a1e;font-size:0.85rem}
[data-theme="t23"] .skill-name{color:#d4a574;text-transform:uppercase;letter-spacing:0.05em}
[data-theme="t23"] .skill-bar-wrap{grid-column:1/-1;height:8px;background:#1a0f08;border:1px solid #5c3a1e;position:relative;overflow:hidden}
[data-theme="t23"] .skill-bar{height:100%;background:repeating-linear-gradient(90deg,#ff6b1a 0,#ff6b1a 4px,#8b3a1a 4px,#8b3a1a 8px);position:relative;box-shadow:inset 0 0 4px rgba(255,107,26,0.5)}
[data-theme="t23"] .skill-level{color:#ff6b1a;background:#1a0f08;padding:0.2rem 0.5rem;border:1px solid #ff6b1a;font-size:0.7rem;text-align:right;letter-spacing:0.1em}
[data-theme="t23"] .cert-card,[data-theme="t23"] .project-card{background:rgba(26,15,8,0.6);border:2px solid #5c3a1e;border-radius:0;padding:1.2rem;position:relative;transition:all 0.2s}
[data-theme="t23"] .cert-card::before,[data-theme="t23"] .project-card::before{content:">";position:absolute;left:0.4rem;top:0.4rem;color:#ff6b1a;font-size:0.7rem;font-weight:700}
[data-theme="t23"] .cert-card:hover,[data-theme="t23"] .project-card:hover{background:rgba(255,107,26,0.1);border-color:#ff6b1a;box-shadow:0 0 15px rgba(255,107,26,0.3),3px 3px 0 #5c3a1e;transform:translate(-2px,-2px)}
[data-theme="t23"] .contact-desc{text-align:center;color:#d4a574;max-width:600px;margin:0 auto 2rem;line-height:1.7;background:rgba(26,15,8,0.5);padding:1rem;border:1px dashed #5c3a1e;position:relative}
[data-theme="t23"] .contact-desc::before{content:"> MSG.INIT";position:absolute;top:-0.7rem;left:1rem;background:#1a0f08;color:#ff6b1a;padding:0 0.5rem;font-size:0.65rem}
[data-theme="t23"] .contact-link{background:#1a0f08;color:#ff6b1a;border:2px solid #ff6b1a;border-radius:0;padding:0.7rem 1.4rem;text-transform:uppercase;letter-spacing:0.2em;font-size:0.7rem;font-weight:700;display:inline-block;margin:0.4rem;box-shadow:inset 0 0 0 1px #ff6b1a,3px 3px 0 #5c3a1e;position:relative;transition:all 0.2s}
[data-theme="t23"] .contact-link::before{content:"▶ "}
[data-theme="t23"] .contact-link:hover{background:#ff6b1a;color:#1a0f08;box-shadow:inset 0 0 0 1px #1a0f08,4px 4px 0 #d4a574;transform:translate(-1px,-1px)}
[data-theme="t23"] .site-footer{background:#1a0f08;color:#d4a574;padding:2.5rem 2rem;text-align:center;border-top:2px solid #ff6b1a;letter-spacing:0.2em;text-transform:uppercase;font-size:0.75rem}
[data-theme="t23"] .site-footer::before{content:">>> END_OF_TRANSMISSION <<";display:block;color:#ff6b1a;margin-bottom:1rem;letter-spacing:0.3em;font-size:0.7rem;animation:blink-rec 2s ease-in-out infinite}
[data-theme="t23"] .modal-card{background:rgba(26,15,8,0.95);border:2px solid #ff6b1a;border-radius:0;box-shadow:inset 0 0 20px rgba(255,107,26,0.1),6px 6px 0 #5c3a1e}
[data-theme="t23"] .modal-head{background:rgba(255,107,26,0.1);border-bottom:1px solid #ff6b1a}
[data-theme="t23"] .theme-tile{background:rgba(26,15,8,0.6);border:1px solid #5c3a1e;border-radius:0;position:relative}
[data-theme="t23"] .theme-tile::before{content:">";position:absolute;top:0.3rem;left:0.3rem;color:#ff6b1a;font-size:0.6rem}
[data-theme="t23"] .theme-tile:hover,[data-theme="t23"] .theme-tile.active{background:rgba(255,107,26,0.15);border-color:#ff6b1a;box-shadow:0 0 10px rgba(255,107,26,0.3)}

/* ============================================================
   T24: ORIGAMI PAPER
   Folded paper, soft shadows, Japanese minimal
   ============================================================ */
[data-theme="t24"]{
  --bg:#fafafa;--fg:#2a2a2a;--paper:#ffffff;--shadow:rgba(0,0,0,0.08);--accent:#e74c3c;--secondary:#3498db;
  background:#fafafa;color:#2a2a2a;font-family:'Helvetica Neue','Hiragino Sans',sans-serif;
}
[data-theme="t24"] body{background:#fafafa;color:#2a2a2a;background-image:linear-gradient(135deg,#fafafa 0%,#f0f0f0 100%)}
[data-theme="t24"] .topbar{background:rgba(255,255,255,0.9);border-bottom:1px solid #e0e0e0;backdrop-filter:blur(20px);box-shadow:0 2px 20px rgba(0,0,0,0.05)}
[data-theme="t24"] .brand-glyph{background:linear-gradient(135deg,#fff,#f5f5f5);color:#e74c3c;border-radius:0;transform:rotate(45deg);width:32px;height:32px;font-weight:900;font-size:0.8rem;box-shadow:3px 3px 0 #e0e0e0,6px 6px 0 rgba(0,0,0,0.05)}
[data-theme="t24"] .brand-glyph::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 50%,rgba(231,76,60,0.1) 50%);transform:rotate(-45deg)}
[data-theme="t24"] .brand-name{color:#2a2a2a;font-weight:300;letter-spacing:0.15em;text-transform:uppercase;font-size:0.85rem}
[data-theme="t24"] .nav-list a{color:#666;font-weight:400;letter-spacing:0.05em;padding:0.5rem 1rem;font-size:0.85rem;position:relative;transition:all 0.3s}
[data-theme="t24"] .nav-list a:hover{color:#e74c3c}
[data-theme="t24"] .nav-list a:hover::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%) skewX(-20deg);width:80%;height:1px;background:#e74c3c}
[data-theme="t24"] .btn-theme-pick,[data-theme="t24"] .btn-lang{background:#fff;color:#2a2a2a;border:1px solid #e0e0e0;border-radius:0;letter-spacing:0.1em;font-weight:500;font-size:0.75rem;padding:0.5rem 1rem;box-shadow:2px 2px 0 #e0e0e0;transition:all 0.2s}
[data-theme="t24"] .btn-theme-pick:hover,[data-theme="t24"] .btn-lang:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 #e0e0e0,3px 3px 8px rgba(0,0,0,0.05)}
[data-theme="t24"] .nav-toggle{background:#fff;border:1px solid #e0e0e0;border-radius:0;box-shadow:2px 2px 0 #e0e0e0}
[data-theme="t24"] .nav-toggle span{background:#666}
[data-theme="t24"] .hero{padding:8rem 2rem 6rem;text-align:center;background:linear-gradient(180deg,#fafafa 0%,#f0f0f0 100%);position:relative}
[data-theme="t24"] .hero::before{content:"";position:absolute;top:20%;right:10%;width:120px;height:120px;background:linear-gradient(135deg,#fff,#f5f5f5);box-shadow:5px 5px 15px rgba(0,0,0,0.08);transform:rotate(15deg)}
[data-theme="t24"] .hero::after{content:"";position:absolute;bottom:20%;left:10%;width:100px;height:100px;background:linear-gradient(135deg,#fff,#f5f5f5);box-shadow:5px 5px 15px rgba(0,0,0,0.08);transform:rotate(-25deg)}
[data-theme="t24"] .hero-shell{max-width:850px;margin:0 auto;background:#fff;padding:3rem 2.5rem;box-shadow:0 30px 60px rgba(0,0,0,0.08),0 0 0 1px rgba(0,0,0,0.04);position:relative;clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%)}
[data-theme="t24"] .hero-prompt{display:none}
[data-theme="t24"] .hero-greeting{color:#e74c3c;font-size:0.85rem;letter-spacing:0.3em;text-transform:uppercase;font-weight:400}
[data-theme="t24"] .hero-name{font-size:clamp(2.5rem,7vw,4.5rem);color:#2a2a2a;font-weight:200;letter-spacing:0.05em;line-height:1.1;margin:1rem 0;text-transform:uppercase}
[data-theme="t24"] .hero-role{color:#666;font-size:1.2rem;letter-spacing:0.15em;text-transform:uppercase;font-weight:300;margin-top:0.5rem}
[data-theme="t24"] .hero-tagline{color:#2a2a2a;font-weight:300;margin-top:0.4rem;letter-spacing:0.05em}
[data-theme="t24"] .hero-subtitle{color:#999;font-size:0.85rem;margin-top:0.3rem;letter-spacing:0.05em}
[data-theme="t24"] .hero-cta{margin-top:2.5rem;display:flex;gap:0.8rem;justify-content:center;flex-wrap:wrap}
[data-theme="t24"] .btn{padding:0.9rem 2rem;background:#fff;color:#2a2a2a;border:1px solid #e0e0e0;border-radius:0;letter-spacing:0.15em;font-size:0.8rem;font-weight:500;box-shadow:3px 3px 0 #e0e0e0,5px 5px 10px rgba(0,0,0,0.04);transition:all 0.2s;text-transform:uppercase;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}
[data-theme="t24"] .btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #e0e0e0,7px 7px 15px rgba(0,0,0,0.06)}
[data-theme="t24"] .btn-primary{background:#e74c3c;color:#fff;border-color:#e74c3c;box-shadow:3px 3px 0 #c0392b,5px 5px 10px rgba(231,76,60,0.2)}
[data-theme="t24"] .btn-primary:hover{box-shadow:5px 5px 0 #c0392b,7px 7px 15px rgba(231,76,60,0.3)}
[data-theme="t24"] .sec{padding:6rem 2rem}
[data-theme="t24"] .sec-eyebrow{color:#e74c3c;letter-spacing:0.3em;text-transform:uppercase;font-size:0.75rem;font-weight:500}
[data-theme="t24"] .sec-title{color:#2a2a2a;font-weight:200;letter-spacing:0.1em;text-transform:uppercase;font-size:clamp(1.5rem,4vw,2.4rem);line-height:1.1;position:relative;padding-bottom:1.5rem}
[data-theme="t24"] .sec-title::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%) skewX(-20deg);width:60px;height:2px;background:#e74c3c}
[data-theme="t24"] .about-grid{display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:start;max-width:1100px;margin:0 auto}
@media (max-width:768px){[data-theme="t24"] .about-grid{grid-template-columns:1fr;gap:2rem}}
[data-theme="t24"] .about-photo{position:relative;padding:1.2rem;background:#fff;box-shadow:0 20px 50px rgba(0,0,0,0.1),0 0 0 1px rgba(0,0,0,0.04);clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}
[data-theme="t24"] .about-photo::before{content:"";position:absolute;top:5px;right:5px;width:30px;height:30px;background:linear-gradient(135deg,transparent 50%,#e74c3c 50%);opacity:0.8}
[data-theme="t24"] .about-photo img{filter:grayscale(30%) contrast(1.05)}
[data-theme="t24"] .photo-frame{display:none}
[data-theme="t24"] .about-text{background:#fff;padding:2rem;box-shadow:0 15px 40px rgba(0,0,0,0.06),0 0 0 1px rgba(0,0,0,0.04);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%)}
[data-theme="t24"] .about-text p{color:#2a2a2a;line-height:1.9;margin-bottom:1.2rem;font-weight:300}
[data-theme="t24"] .about-highlight{color:#e74c3c;font-weight:500;border-left:2px solid #e74c3c;padding-left:1.5rem;background:rgba(231,76,60,0.03);padding-top:0.5rem;padding-bottom:0.5rem}
[data-theme="t24"] .about-list{margin-top:1.5rem;display:grid;gap:0.6rem}
[data-theme="t24"] .about-list li{color:#2a2a2a;padding:0.7rem 0 0.7rem 1.5rem;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,0.05),0 0 0 1px rgba(0,0,0,0.03);position:relative;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}
[data-theme="t24"] .about-list li::before{content:"◆";position:absolute;left:0.5rem;color:#e74c3c;font-size:0.7rem;top:0.9rem}
[data-theme="t24"] .skill-cat{margin-bottom:2.5rem}
[data-theme="t24"] .skills-cat-title{color:#2a2a2a;letter-spacing:0.2em;text-transform:uppercase;font-size:0.85rem;font-weight:500;margin-bottom:1.2rem;padding-bottom:0.5rem;border-bottom:1px solid #e0e0e0;position:relative;padding-left:1rem}
[data-theme="t24"] .skills-cat-title::before{content:"";position:absolute;left:0;top:0.3rem;width:4px;height:1rem;background:#e74c3c}
[data-theme="t24"] .skill-row{background:#fff;padding:0.9rem 1.2rem;margin-bottom:0.5rem;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;box-shadow:0 5px 15px rgba(0,0,0,0.05),0 0 0 1px rgba(0,0,0,0.03);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:all 0.3s}
[data-theme="t24"] .skill-row:hover{transform:translate(-2px,-2px);box-shadow:0 8px 20px rgba(0,0,0,0.08),0 0 0 1px rgba(0,0,0,0.03)}
[data-theme="t24"] .skill-name{color:#2a2a2a;font-weight:400;letter-spacing:0.02em}
[data-theme="t24"] .skill-bar-wrap{grid-column:1/-1;height:4px;background:#f0f0f0;margin-top:0.5rem;position:relative;overflow:hidden}
[data-theme="t24"] .skill-bar{height:100%;background:linear-gradient(90deg,#e74c3c,#3498db);box-shadow:0 0 8px rgba(231,76,60,0.3)}
[data-theme="t24"] .skill-level{color:#666;font-size:0.8rem;background:#f5f5f5;padding:0.2rem 0.5rem;font-weight:500}
[data-theme="t24"] .cert-card,[data-theme="t24"] .project-card{background:#fff;padding:1.5rem;box-shadow:0 10px 30px rgba(0,0,0,0.06),0 0 0 1px rgba(0,0,0,0.04);clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%);transition:all 0.3s;position:relative}
[data-theme="t24"] .cert-card::before,[data-theme="t24"] .project-card::before{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 25px 25px 0;border-color:transparent #e74c3c transparent transparent;opacity:0.8}
[data-theme="t24"] .cert-card:hover,[data-theme="t24"] .project-card:hover{transform:translate(-3px,-3px);box-shadow:0 15px 40px rgba(0,0,0,0.1),0 0 0 1px rgba(0,0,0,0.04)}
[data-theme="t24"] .contact-desc{text-align:center;color:#666;max-width:600px;margin:0 auto 2rem;line-height:1.7;font-weight:300}
[data-theme="t24"] .contact-link{background:#fff;color:#2a2a2a;border:1px solid #e0e0e0;border-radius:0;padding:0.8rem 1.8rem;letter-spacing:0.15em;font-size:0.8rem;font-weight:500;display:inline-block;margin:0.4rem;box-shadow:3px 3px 0 #e0e0e0,5px 5px 10px rgba(0,0,0,0.04);text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:all 0.2s}
[data-theme="t24"] .contact-link:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #e0e0e0,7px 7px 15px rgba(0,0,0,0.06)}
[data-theme="t24"] .contact-link.primary{background:#e74c3c;color:#fff;border-color:#e74c3c;box-shadow:3px 3px 0 #c0392b,5px 5px 10px rgba(231,76,60,0.2)}
[data-theme="t24"] .site-footer{background:#fff;color:#666;padding:3rem 2rem;text-align:center;border-top:1px solid #e0e0e0;font-weight:300;letter-spacing:0.1em;font-size:0.85rem}
[data-theme="t24"] .site-footer::before{content:"▲";display:block;color:#e74c3c;font-size:1.2rem;margin-bottom:1rem}
[data-theme="t24"] .modal-card{background:#fff;border-radius:0;box-shadow:0 30px 80px rgba(0,0,0,0.2);clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%)}
[data-theme="t24"] .modal-head{background:#fff;border-bottom:1px solid #e0e0e0}
[data-theme="t24"] .theme-tile{background:#fff;border:1px solid #e0e0e0;border-radius:0;box-shadow:2px 2px 0 #e0e0e0;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);transition:all 0.2s}
[data-theme="t24"] .theme-tile:hover,[data-theme="t24"] .theme-tile.active{transform:translate(-2px,-2px);box-shadow:4px 4px 0 #e74c3c,6px 6px 10px rgba(0,0,0,0.05)}

/* ============================================================
   T25: BAUHAUS GRID
   Modular grid, systematic, geometric
   ============================================================ */
[data-theme="t25"]{
  --bg:#f5f1e8;--fg:#1a1a1a;--red:#d62828;--yellow:#fcbf49;--blue:#003049;--black:#1a1a1a;
  background:#f5f1e8;color:#1a1a1a;font-family:'Futura','Helvetica Neue',sans-serif;
}
[data-theme="t25"] body{background:#f5f1e8;color:#1a1a1a;font-family:Helvetica,sans-serif;background-image:linear-gradient(rgba(26,26,26,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(26,26,26,0.03) 1px,transparent 1px);background-size:40px 40px}
[data-theme="t25"] .topbar{background:#1a1a1a;color:#f5f1e8;border-bottom:0;box-shadow:0 4px 0 #d62828}
[data-theme="t25"] .brand-glyph{background:#fcbf49;color:#1a1a1a;border-radius:0;width:42px;height:42px;font-weight:900;font-size:1rem}
[data-theme="t25"] .brand-name{color:#f5f1e8;font-weight:700;letter-spacing:0;text-transform:uppercase;font-size:0.9rem}
[data-theme="t25"] .nav-list a{color:#f5f1e8;text-transform:uppercase;letter-spacing:0.1em;font-size:0.7rem;padding:0.6rem 1rem;font-weight:700;position:relative}
[data-theme="t25"] .nav-list a::after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:0;background:#d62828;transition:height 0.2s}
[data-theme="t25"] .nav-list a:hover{background:#003049}
[data-theme="t25"] .nav-list a:hover::after{height:4px;background:#fcbf49}
[data-theme="t25"] .btn-theme-pick,[data-theme="t25"] .btn-lang{background:#fcbf49;color:#1a1a1a;border:0;border-radius:0;text-transform:uppercase;letter-spacing:0.05em;font-size:0.7rem;padding:0.5rem 0.9rem;font-weight:800;box-shadow:3px 3px 0 #d62828;transition:all 0.2s}
[data-theme="t25"] .btn-theme-pick:hover,[data-theme="t25"] .btn-lang:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #d62828}
[data-theme="t25"] .nav-toggle{background:#003049;border-radius:0;box-shadow:2px 2px 0 #fcbf49}
[data-theme="t25"] .nav-toggle span{background:#fcbf49;height:3px;width:20px}
[data-theme="t25"] .hero{padding:6rem 2rem 4rem;background:#f5f1e8;position:relative;overflow:hidden}
[data-theme="t25"] .hero::before{content:"";position:absolute;top:0;right:0;width:40%;height:100%;background:#d62828;clip-path:polygon(30% 0,100% 0,100% 100%,0 100%);z-index:0}
[data-theme="t25"] .hero::after{content:"";position:absolute;bottom:0;left:0;width:30%;height:50%;background:#fcbf49;clip-path:polygon(0 30%,100% 0,100% 100%,0 100%);z-index:0;opacity:0.9}
[data-theme="t25"] .hero-shell{max-width:1100px;margin:0 auto;position:relative;z-index:1;background:#f5f1e8;border:0;padding:3rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}
@media (max-width:768px){[data-theme="t25"] .hero-shell{grid-template-columns:1fr;padding:2rem 1.5rem}}
[data-theme="t25"] .hero-prompt{display:none}
[data-theme="t25"] .hero-greeting{color:#003049;font-size:0.8rem;letter-spacing:0.3em;text-transform:uppercase;font-weight:800;background:#fcbf49;padding:0.3rem 0.8rem;display:inline-block}
[data-theme="t25"] .hero-name{font-size:clamp(2.5rem,7vw,5.5rem);color:#1a1a1a;font-weight:900;letter-spacing:-0.04em;line-height:0.9;margin:1rem 0;text-transform:uppercase;background:linear-gradient(90deg,#d62828 0%,#d62828 30%,#1a1a1a 30%,#1a1a1a 60%,#003049 60%,#003049 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
[data-theme="t25"] .hero-role{color:#1a1a1a;font-size:1.3rem;font-weight:800;letter-spacing:0.05em;text-transform:uppercase;background:#fcbf49;padding:0.4rem 0.8rem;display:inline-block;margin-top:0.5rem}
[data-theme="t25"] .hero-tagline{color:#1a1a1a;font-weight:600;margin-top:0.5rem;letter-spacing:0.1em;text-transform:uppercase;font-size:0.85rem}
[data-theme="t25"] .hero-subtitle{color:#003049;font-size:0.85rem;margin-top:0.3rem;font-weight:500}
[data-theme="t25"] .hero-cta{margin-top:2rem;display:flex;gap:0.8rem;flex-wrap:wrap;grid-column:1/-1}
[data-theme="t25"] .btn{padding:0.9rem 2rem;background:#1a1a1a;color:#f5f1e8;border:0;border-radius:0;text-transform:uppercase;letter-spacing:0.15em;font-size:0.75rem;font-weight:800;box-shadow:4px 4px 0 #fcbf49;transition:all 0.2s}
[data-theme="t25"] .btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #fcbf49}
[data-theme="t25"] .btn:active{transform:translate(2px,2px);box-shadow:0 0 0 #fcbf49}
[data-theme="t25"] .btn-primary{background:#d62828;color:#f5f1e8;box-shadow:4px 4px 0 #003049}
[data-theme="t25"] .btn-primary:hover{box-shadow:6px 6px 0 #003049}
[data-theme="t25"] .btn-ghost{background:#003049;color:#fcbf49;box-shadow:4px 4px 0 #1a1a1a}
[data-theme="t25"] .sec{padding:5rem 2rem;position:relative}
[data-theme="t25"] .sec::before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(90deg,#d62828 0,#d62828 33.33%,#fcbf49 33.33%,#fcbf49 66.66%,#003049 66.66%)}
[data-theme="t25"] .sec-eyebrow{color:#1a1a1a;letter-spacing:0.3em;text-transform:uppercase;font-size:0.7rem;font-weight:800;background:#fcbf49;padding:0.3rem 0.8rem;display:inline-block;margin-bottom:1rem}
[data-theme="t25"] .sec-title{color:#1a1a1a;font-weight:900;letter-spacing:-0.02em;text-transform:uppercase;font-size:clamp(1.8rem,4vw,2.8rem);line-height:0.95;position:relative;padding-bottom:1rem}
[data-theme="t25"] .sec-title::after{content:"";display:block;width:80px;height:8px;background:#d62828;margin-top:0.5rem}
[data-theme="t25"] .about-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:0;align-items:stretch;max-width:1100px;margin:0 auto;border:4px solid #1a1a1a}
@media (max-width:768px){[data-theme="t25"] .about-grid{grid-template-columns:1fr}}
[data-theme="t25"] .about-photo{position:relative;background:#003049;padding:2rem;display:flex;align-items:center;justify-content:center}
[data-theme="t25"] .about-photo::before{content:"";position:absolute;top:10px;left:10px;width:30px;height:30px;background:#fcbf49;border-radius:50%}
[data-theme="t25"] .about-photo::after{content:"";position:absolute;bottom:10px;right:10px;width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:40px solid #d62828}
[data-theme="t25"] .about-photo img{filter:contrast(1.15) saturate(0.9);border:4px solid #f5f1e8;width:100%;max-width:300px}
[data-theme="t25"] .photo-frame{display:none}
[data-theme="t25"] .about-text{background:#f5f1e8;padding:2.5rem;position:relative}
[data-theme="t25"] .about-text::before{content:"";position:absolute;top:0;right:0;width:60px;height:60px;background:#d62828;clip-path:polygon(100% 0,0 0,100% 100%)}
[data-theme="t25"] .about-text p{color:#1a1a1a;line-height:1.6;margin-bottom:1rem;font-weight:500}
[data-theme="t25"] .about-highlight{color:#f5f1e8;background:#003049;padding:0.6rem 1rem;font-weight:800;display:inline-block;margin:0.5rem 0;border-left:6px solid #fcbf49}
[data-theme="t25"] .about-list{margin-top:1.5rem;display:grid;gap:0;counter-reset:bauhaus}
[data-theme="t25"] .about-list li{color:#1a1a1a;padding:0.8rem 0 0.8rem 3rem;background:#f5f1e8;counter-increment:bauhaus;font-weight:600;position:relative;border-bottom:2px solid #1a1a1a}
[data-theme="t25"] .about-list li:nth-child(odd){background:#fcbf49}
[data-theme="t25"] .about-list li::before{content:counter(bauhaus,decimal-leading-zero);position:absolute;left:0.5rem;top:50%;transform:translateY(-50%);color:#d62828;font-size:1.5rem;font-weight:900;background:#1a1a1a;width:2.2rem;height:2.2rem;display:flex;align-items:center;justify-content:center;border-radius:0}
[data-theme="t25"] .skill-cat{margin-bottom:2.5rem;background:#f5f1e8;border:4px solid #1a1a1a;padding:0;overflow:hidden}
[data-theme="t25"] .skills-cat-title{color:#f5f1e8;letter-spacing:0.2em;text-transform:uppercase;font-size:0.85rem;font-weight:800;background:#1a1a1a;padding:0.8rem 1.2rem;display:flex;align-items:center;gap:0.6rem;margin:0}
[data-theme="t25"] .skills-cat-title::before{content:"";width:12px;height:12px;background:#d62828;display:inline-block}
[data-theme="t25"] .skills-cat-title:nth-child(2)::before{background:#fcbf49}
[data-theme="t25"] .skill-row{display:grid;grid-template-columns:200px 1fr 60px;gap:0;align-items:stretch;border-bottom:2px solid #1a1a1a;background:#f5f1e8}
[data-theme="t25"] .skill-row:last-child{border-bottom:0}
[data-theme="t25"] .skill-name{color:#1a1a1a;padding:0.8rem 1rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;font-size:0.85rem;background:#f5f1e8;border-right:2px solid #1a1a1a;display:flex;align-items:center}
[data-theme="t25"] .skill-bar-wrap{background:#fff;height:auto;position:relative;display:flex;align-items:center;padding:0 1rem}
[data-theme="t25"] .skill-bar{height:24px;background:repeating-linear-gradient(90deg,#d62828 0,#d62828 8px,#fcbf49 8px,#fcbf49 16px,#003049 16px,#003049 24px);border-right:2px solid #1a1a1a}
[data-theme="t25"] .skill-level{color:#f5f1e8;background:#1a1a1a;padding:0.8rem 1rem;font-size:0.9rem;font-weight:800;text-align:center;letter-spacing:0.05em;display:flex;align-items:center;justify-content:center}
[data-theme="t25"] .cert-card,[data-theme="t25"] .project-card{background:#f5f1e8;border:4px solid #1a1a1a;border-radius:0;padding:0;position:relative;transition:all 0.2s;overflow:hidden}
[data-theme="t25"] .cert-card::before,[data-theme="t25"] .project-card::before{content:"";position:absolute;top:0;left:0;width:30px;height:30px;background:#d62828;z-index:1}
[data-theme="t25"] .cert-card::after,[data-theme="t25"] .project-card::after{content:"";position:absolute;bottom:0;right:0;width:0;height:0;border-left:20px solid transparent;border-bottom:20px solid #fcbf49;z-index:1}
[data-theme="t25"] .cert-card:hover,[data-theme="t25"] .project-card:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 #003049}
[data-theme="t25"] .cert-card>*,[data-theme="t25"] .project-card>*{padding:1.5rem 1.5rem 1.5rem 2.5rem;position:relative;z-index:0}
[data-theme="t25"] .contact-desc{text-align:center;color:#1a1a1a;max-width:600px;margin:0 auto 2rem;line-height:1.7;font-weight:600;background:#fcbf49;padding:1.2rem;border:4px solid #1a1a1a;box-shadow:6px 6px 0 #d62828;font-size:0.95rem}
[data-theme="t25"] .contact-link{background:#1a1a1a;color:#f5f1e8;border:0;border-radius:0;padding:0.9rem 1.8rem;text-transform:uppercase;letter-spacing:0.1em;font-size:0.75rem;font-weight:800;display:inline-block;margin:0.4rem;box-shadow:4px 4px 0 #d62828;transition:all 0.2s}
[data-theme="t25"] .contact-link:nth-child(2n){background:#d62828;color:#f5f1e8;box-shadow:4px 4px 0 #003049}
[data-theme="t25"] .contact-link:nth-child(3n){background:#003049;color:#fcbf49;box-shadow:4px 4px 0 #fcbf49}
[data-theme="t25"] .contact-link:hover{transform:translate(-2px,-2px)}
[data-theme="t25"] .contact-link:nth-child(2n):hover{box-shadow:6px 6px 0 #003049}
[data-theme="t25"] .contact-link:nth-child(3n):hover{box-shadow:6px 6px 0 #fcbf49}
[data-theme="t25"] .site-footer{background:#1a1a1a;color:#f5f1e8;padding:3rem 2rem;text-align:center;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;font-size:0.85rem;position:relative}
[data-theme="t25"] .site-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(90deg,#d62828 0,#d62828 33.33%,#fcbf49 33.33%,#fcbf49 66.66%,#003049 66.66%)}
[data-theme="t25"] .modal-card{background:#f5f1e8;border:4px solid #1a1a1a;border-radius:0;box-shadow:8px 8px 0 #d62828}
[data-theme="t25"] .modal-head{background:#1a1a1a;color:#f5f1e8;border-bottom:0;padding:1rem 1.5rem;position:relative}
[data-theme="t25"] .modal-head::after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:#fcbf49}
[data-theme="t25"] .theme-tile{background:#f5f1e8;border:3px solid #1a1a1a;border-radius:0;box-shadow:3px 3px 0 #d62828;position:relative;transition:all 0.2s}
[data-theme="t25"] .theme-tile::before{content:"";position:absolute;top:0;left:0;width:15px;height:15px;background:#d62828}
[data-theme="t25"] .theme-tile:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #fcbf49}
[data-theme="t25"] .theme-tile.active{background:#fcbf49;box-shadow:5px 5px 0 #003049}
[data-theme="t25"] .theme-tile.active::before{background:#003049}

/* ============================================================
   T26: GLITCH ART
   RGB split, digital noise, anti-UI
   ============================================================ */
[data-theme="t26"]{
  --bg:#0a0a0a;--fg:#ffffff;--red:#ff0040;--green:#00ff88;--blue:#00aaff;--magenta:#ff00ff;--yellow:#ffff00;
  background:#0a0a0a;color:#ffffff;font-family:'Courier New',monospace;
}
[data-theme="t26"] body{background:#0a0a0a;color:#ffffff;font-family:'Courier New',monospace;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 2px,rgba(255,255,255,0.02) 2px,rgba(255,255,255,0.02) 4px);position:relative}
[data-theme="t26"] body::before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(255,0,64,0.03) 3px,rgba(0,255,136,0.03) 6px);pointer-events:none;z-index:1;mix-blend-mode:screen;animation:glitch-bg 0.3s steps(2) infinite}
@keyframes glitch-bg{0%{transform:translate(0)}25%{transform:translate(2px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,2px)}100%{transform:translate(0)}}
[data-theme="t26"] .topbar{background:rgba(10,10,10,0.95);border-bottom:2px solid #ff0040;position:relative}
[data-theme="t26"] .topbar::before{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#00ff88;transform:translateX(2px);opacity:0.7}
[data-theme="t26"] .topbar::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#00aaff;transform:translateX(-2px);opacity:0.7}
[data-theme="t26"] .brand-glyph{background:#ff0040;color:#0a0a0a;border:0;border-radius:0;font-weight:900;position:relative;text-transform:uppercase;font-size:0.8rem}
[data-theme="t26"] .brand-glyph::before{content:attr(data-text);position:absolute;left:2px;top:0;color:#00ff88;opacity:0.8;z-index:-1}
[data-theme="t26"] .brand-glyph::after{content:attr(data-text);position:absolute;left:-2px;top:0;color:#00aaff;opacity:0.8;z-index:-1}
[data-theme="t26"] .brand-name{color:#ffffff;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;text-shadow:2px 0 #ff0040,-2px 0 #00aaff;font-size:0.9rem;animation:rgb-split 3s ease-in-out infinite}
@keyframes rgb-split{0%,100%{text-shadow:2px 0 #ff0040,-2px 0 #00aaff}25%{text-shadow:-2px 0 #ff0040,2px 0 #00aaff}50%{text-shadow:2px 2px #ff0040,-2px -2px #00aaff}75%{text-shadow:-2px 2px #ff0040,2px -2px #00aaff}}
[data-theme="t26"] .nav-list a{color:#ffffff;text-transform:uppercase;letter-spacing:0.1em;font-size:0.7rem;padding:0.5rem 1rem;font-weight:700;border:1px solid transparent;position:relative;transition:all 0.1s}
[data-theme="t26"] .nav-list a:hover{color:#ff0040;border-color:#ff0040;background:rgba(255,0,64,0.1);text-shadow:1px 0 #00ff88,-1px 0 #00aaff;animation:glitch-shake 0.3s steps(2) infinite}
@keyframes glitch-shake{0%,100%{transform:translate(0)}50%{transform:translate(1px,-1px)}}
[data-theme="t26"] .btn-theme-pick,[data-theme="t26"] .btn-lang{background:#ffffff;color:#0a0a0a;border:2px solid #ff0040;border-radius:0;text-transform:uppercase;letter-spacing:0.1em;font-size:0.7rem;padding:0.5rem 0.9rem;font-weight:800;position:relative;box-shadow:3px 3px 0 #00ff88,6px 6px 0 #00aaff;transition:all 0.1s}
[data-theme="t26"] .btn-theme-pick:hover,[data-theme="t26"] .btn-lang:hover{background:#ff0040;color:#ffffff;transform:translate(-2px,-2px);box-shadow:5px 5px 0 #00ff88,8px 8px 0 #00aaff;animation:glitch-shake 0.2s steps(2) infinite}
[data-theme="t26"] .nav-toggle{background:#ff0040;border:2px solid #ffffff;border-radius:0;box-shadow:2px 2px 0 #00ff88,4px 4px 0 #00aaff}
[data-theme="t26"] .nav-toggle span{background:#ffffff;height:2px}
[data-theme="t26"] .hero{padding:7rem 2rem 5rem;text-align:left;background:repeating-linear-gradient(90deg,transparent 0,transparent 100px,rgba(255,0,64,0.04) 100px,rgba(255,0,64,0.04) 101px),#0a0a0a;position:relative;overflow:hidden}
[data-theme="t26"] .hero::before{content:"ERROR_0x4F47";position:absolute;top:5rem;right:2rem;color:#ff0040;font-size:3rem;font-weight:900;opacity:0.1;letter-spacing:0.2em;transform:rotate(2deg)}
[data-theme="t26"] .hero::after{content:"01010100 01001000 01000101";position:absolute;bottom:3rem;right:2rem;color:#00ff88;font-size:0.7rem;opacity:0.2;letter-spacing:0.3em;writing-mode:vertical-rl}
[data-theme="t26"] .hero-shell{max-width:1000px;margin:0 auto;border:2px solid #ffffff;padding:2.5rem 2rem;background:rgba(255,255,255,0.02);position:relative;clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px,30px 0)}
[data-theme="t26"] .hero-shell::before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border:1px solid #ff0040;pointer-events:none;clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px,30px 0)}
[data-theme="t26"] .hero-prompt{display:none}
[data-theme="t26"] .hero-greeting{color:#00ff88;font-size:0.85rem;letter-spacing:0.2em;text-transform:uppercase;font-weight:700;background:rgba(0,255,136,0.1);padding:0.3rem 0.8rem;border:1px solid #00ff88;display:inline-block}
[data-theme="t26"] .hero-name{font-size:clamp(2.5rem,8vw,5rem);color:#ffffff;font-weight:900;letter-spacing:0.05em;line-height:0.95;margin:1.5rem 0;text-transform:uppercase;text-shadow:3px 0 #ff0040,-3px 0 #00aaff,6px 0 #00ff88;position:relative;animation:rgb-split 2s ease-in-out infinite}
[data-theme="t26"] .hero-name::before{content:attr(data-text);position:absolute;left:3px;top:2px;color:#ff0040;opacity:0.7;z-index:-1}
[data-theme="t26"] .hero-name::after{content:attr(data-text);position:absolute;left:-3px;top:-2px;color:#00aaff;opacity:0.7;z-index:-1}
[data-theme="t26"] .hero-role{color:#ff0040;font-size:1.3rem;letter-spacing:0.15em;text-transform:uppercase;font-weight:700;background:#ffffff;color:#0a0a0a;padding:0.4rem 0.8rem;display:inline-block;margin-top:0.5rem;text-shadow:none}
[data-theme="t26"] .hero-tagline{color:#00ff88;letter-spacing:0.15em;text-transform:uppercase;font-size:0.8rem;margin-top:0.5rem;font-weight:600}
[data-theme="t26"] .hero-subtitle{color:#888;font-size:0.75rem;margin-top:0.3rem;letter-spacing:0.1em}
[data-theme="t26"] .hero-cta{margin-top:2rem;display:flex;gap:0.8rem;flex-wrap:wrap}
[data-theme="t26"] .btn{padding:0.9rem 1.8rem;background:#ffffff;color:#0a0a0a;border:0;border-radius:0;text-transform:uppercase;letter-spacing:0.2em;font-size:0.75rem;font-weight:800;position:relative;box-shadow:4px 4px 0 #ff0040,8px 8px 0 #00aaff;transition:all 0.1s;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
[data-theme="t26"] .btn:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 #ff0040,11px 11px 0 #00aaff;animation:glitch-shake 0.15s steps(2) infinite}
[data-theme="t26"] .btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #ff0040,4px 4px 0 #00aaff}
[data-theme="t26"] .btn-primary{background:#ff0040;color:#ffffff;box-shadow:4px 4px 0 #00ff88,8px 8px 0 #ffffff}
[data-theme="t26"] .btn-primary:hover{box-shadow:7px 7px 0 #00ff88,11px 11px 0 #ffffff}
[data-theme="t26"] .sec{padding:5rem 2rem;position:relative;border-top:1px solid #ff0040;border-bottom:1px solid #00aaff;background:repeating-linear-gradient(90deg,transparent 0,transparent 50px,rgba(0,255,136,0.02) 50px,rgba(0,255,136,0.02) 51px)}
[data-theme="t26"] .sec-eyebrow{color:#00ff88;letter-spacing:0.3em;text-transform:uppercase;font-size:0.7rem;font-weight:800;background:#0a0a0a;padding:0.3rem 0.8rem;border:1px solid #00ff88;display:inline-block;margin-bottom:1rem;text-shadow:1px 0 #ff0040,-1px 0 #00aaff}
[data-theme="t26"] .sec-title{color:#ffffff;font-weight:900;letter-spacing:0.05em;text-transform:uppercase;font-size:clamp(1.5rem,3.5vw,2.2rem);line-height:0.95;text-shadow:3px 0 #ff0040,-3px 0 #00aaff;position:relative;padding-bottom:1rem}
[data-theme="t26"] .sec-title::after{content:"";display:block;width:80px;height:3px;background:#ff0040;box-shadow:6px 0 0 #00ff88,-6px 0 0 #00aaff;margin-top:0.5rem}
[data-theme="t26"] .about-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;max-width:1100px;margin:0 auto;align-items:start}
@media (max-width:768px){[data-theme="t26"] .about-grid{grid-template-columns:1fr;gap:2rem}}
[data-theme="t26"] .about-photo{position:relative;background:#ff0040;padding:6px;clip-path:polygon(0 0,calc(100% - 25px) 0,100% 25px,100% 100%,25px 100%,0 calc(100% - 25px))}
[data-theme="t26"] .about-photo::before{content:"";position:absolute;inset:-6px;background:#00aaff;z-index:-1;clip-path:polygon(0 0,calc(100% - 25px) 0,100% 25px,100% 100%,25px 100%,0 calc(100% - 25px));transform:translate(4px,4px)}
[data-theme="t26"] .about-photo img{filter:contrast(1.3) saturate(1.4) hue-rotate(-15deg);width:100%}
[data-theme="t26"] .photo-frame{display:none}
[data-theme="t26"] .about-text{background:rgba(255,255,255,0.03);border:1px solid #00ff88;padding:1.5rem;position:relative;clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px,20px 0)}
[data-theme="t26"] .about-text::before{content:">";position:absolute;top:0.5rem;left:0.5rem;color:#00ff88;font-weight:700}
[data-theme="t26"] .about-text p{color:#ffffff;line-height:1.7;margin-bottom:1rem;font-size:0.95rem}
[data-theme="t26"] .about-text p::first-letter{color:#ff0040;font-weight:900;font-size:1.4em}
[data-theme="t26"] .about-highlight{color:#00ff88;background:rgba(0,255,136,0.1);padding:0.6rem 1rem;border-left:3px solid #00ff88;font-weight:700;text-shadow:1px 0 #ff0040,-1px 0 #00aaff}
[data-theme="t26"] .about-list{margin-top:1.2rem;display:grid;gap:0.4rem;counter-reset:glitch}
[data-theme="t26"] .about-list li{color:#ffffff;padding:0.6rem 0 0.6rem 2.5rem;background:rgba(255,0,64,0.05);border-left:2px solid #ff0040;counter-increment:glitch;position:relative;font-size:0.9rem}
[data-theme="t26"] .about-list li::before{content:"[" counter(glitch,decimal-leading-zero) "]";position:absolute;left:0.5rem;color:#00ff88;font-weight:700;font-size:0.85rem}
[data-theme="t26"] .skill-cat{margin-bottom:2.5rem;background:rgba(255,255,255,0.02);border:1px solid #ffffff;padding:1.2rem;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px))}
[data-theme="t26"] .skills-cat-title{color:#ff0040;letter-spacing:0.2em;text-transform:uppercase;font-size:0.8rem;font-weight:800;margin-bottom:1.2rem;padding-bottom:0.5rem;border-bottom:1px dashed #00ff88;display:flex;align-items:center;gap:0.5rem}
[data-theme="t26"] .skills-cat-title::before{content:"//";color:#00ff88}
[data-theme="t26"] .skill-row{display:grid;grid-template-columns:1fr 50px;gap:0.8rem;align-items:center;padding:0.5rem 0;border-bottom:1px dashed #00aaff;font-size:0.85rem}
[data-theme="t26"] .skill-name{color:#ffffff;text-transform:uppercase;letter-spacing:0.05em;font-weight:600}
[data-theme="t26"] .skill-bar-wrap{grid-column:1/-1;height:6px;background:rgba(255,255,255,0.1);position:relative;overflow:hidden;margin-top:0.3rem}
[data-theme="t26"] .skill-bar{height:100%;background:repeating-linear-gradient(90deg,#ff0040 0,#ff0040 4px,#00ff88 4px,#00ff88 8px,#00aaff 8px,#00aaff 12px);position:relative}
[data-theme="t26"] .skill-bar::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 2px,rgba(0,0,0,0.3) 2px,rgba(0,0,0,0.3) 3px)}
[data-theme="t26"] .skill-level{color:#0a0a0a;background:#ffffff;padding:0.2rem 0.5rem;font-size:0.7rem;text-align:right;font-weight:800;letter-spacing:0.05em}
[data-theme="t26"] .cert-card,[data-theme="t26"] .project-card{background:rgba(255,255,255,0.03);border:1px solid #ffffff;border-radius:0;padding:1.3rem;position:relative;transition:all 0.1s;clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%)}
[data-theme="t26"] .cert-card::before,[data-theme="t26"] .project-card::before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:#ff0040}
[data-theme="t26"] .cert-card::after,[data-theme="t26"] .project-card::after{content:"";position:absolute;top:0;right:0;width:5px;height:100%;background:#00aaff}
[data-theme="t26"] .cert-card:hover,[data-theme="t26"] .project-card:hover{background:rgba(255,0,64,0.1);transform:translate(-2px,-2px);box-shadow:4px 4px 0 #00ff88,8px 8px 0 #ffffff;animation:glitch-shake 0.2s steps(2) infinite}
[data-theme="t26"] .contact-desc{text-align:center;color:#ffffff;max-width:600px;margin:0 auto 2rem;line-height:1.7;background:rgba(0,170,255,0.1);border:1px solid #00aaff;padding:1rem;position:relative;text-shadow:1px 0 #ff0040,-1px 0 #00ff88;font-size:0.9rem}
[data-theme="t26"] .contact-desc::before{content:">>>";color:#00ff88;font-weight:700;margin-right:0.5rem}
[data-theme="t26"] .contact-link{background:#ffffff;color:#0a0a0a;border:0;border-radius:0;padding:0.7rem 1.4rem;text-transform:uppercase;letter-spacing:0.15em;font-size:0.7rem;font-weight:800;display:inline-block;margin:0.4rem;box-shadow:3px 3px 0 #ff0040,6px 6px 0 #00aaff;position:relative;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));transition:all 0.1s}
[data-theme="t26"] .contact-link::before{content:"[ "}
[data-theme="t26"] .contact-link::after{content:" ]"}
[data-theme="t26"] .contact-link:hover{background:#ff0040;color:#ffffff;transform:translate(-2px,-2px);box-shadow:5px 5px 0 #00ff88,8px 8px 0 #ffffff;animation:glitch-shake 0.15s steps(2) infinite}
[data-theme="t26"] .site-footer{background:#0a0a0a;color:#ffffff;padding:2.5rem 2rem;text-align:center;border-top:2px solid #ff0040;letter-spacing:0.2em;text-transform:uppercase;font-size:0.75rem;position:relative}
[data-theme="t26"] .site-footer::before{content:"";position:absolute;top:-2px;left:0;right:0;height:2px;background:#00ff88;transform:translateX(3px);opacity:0.7}
[data-theme="t26"] .site-footer::after{content:"";position:absolute;top:-2px;left:0;right:0;height:2px;background:#00aaff;transform:translateX(-3px);opacity:0.7}
[data-theme="t26"] .site-footer p{text-shadow:1px 0 #ff0040,-1px 0 #00aaff;margin-bottom:0.5rem}
[data-theme="t26"] .modal-card{background:#0a0a0a;border:2px solid #ff0040;border-radius:0;box-shadow:6px 6px 0 #00ff88,12px 12px 0 #00aaff;clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}
[data-theme="t26"] .modal-head{background:#0a0a0a;border-bottom:1px solid #00ff88;position:relative}
[data-theme="t26"] .modal-head::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#00aaff;transform:translateX(2px)}
[data-theme="t26"] .theme-tile{background:rgba(255,255,255,0.05);border:1px solid #ffffff;border-radius:0;position:relative;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);transition:all 0.1s}
[data-theme="t26"] .theme-tile::before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:#ff0040}
[data-theme="t26"] .theme-tile:hover,[data-theme="t26"] .theme-tile.active{background:rgba(255,0,64,0.15);border-color:#ff0040;transform:translate(-2px,-2px);box-shadow:3px 3px 0 #00ff88;animation:glitch-shake 0.2s steps(2) infinite}
[data-theme="t26"] .theme-tile.active::before{background:#00ff88}

/* ============================================================
   T27: AURORA BOREALIS
   Northern lights, ethereal gradients, magical
   ============================================================ */
[data-theme="t27"]{
  --bg:#0a0e2a;--fg:#e0f0ff;--green-aurora:#00ff88;--blue-aurora:#4a9eff;--purple-aurora:#b864ff;--pink-aurora:#ff6bb5;
  background:linear-gradient(180deg,#0a0e2a 0%,#1a0e3a 50%,#0a1a2a 100%);color:#e0f0ff;font-family:'Helvetica Neue',sans-serif;
}
[data-theme="t27"] body{background:linear-gradient(180deg,#0a0e2a 0%,#1a0e3a 50%,#0a1a2a 100%);color:#e0f0ff;font-family:Helvetica,sans-serif;position:relative}
[data-theme="t27"] body::before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 20% 30%,rgba(0,255,136,0.15) 0%,transparent 40%),radial-gradient(ellipse at 80% 40%,rgba(74,158,255,0.15) 0%,transparent 40%),radial-gradient(ellipse at 50% 70%,rgba(184,100,255,0.15) 0%,transparent 40%);pointer-events:none;animation:aurora-shift 15s ease-in-out infinite;z-index:0}
@keyframes aurora-shift{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.1)}}
[data-theme="t27"] .topbar{background:rgba(10,14,42,0.7);backdrop-filter:blur(25px);border-bottom:1px solid rgba(0,255,136,0.2);position:relative;z-index:10}
[data-theme="t27"] .brand-glyph{background:linear-gradient(135deg,#00ff88,#4a9eff,#b864ff);background-size:200% 200%;animation:aurora-shift 6s ease infinite;color:#0a0e2a;border-radius:50%;box-shadow:0 0 30px rgba(0,255,136,0.4),0 0 60px rgba(184,100,255,0.3);font-weight:900;position:relative}
[data-theme="t27"] .brand-glyph::before{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(255,255,255,0.3);animation:rotate 8s linear infinite}
@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}
[data-theme="t27"] .brand-name{background:linear-gradient(90deg,#00ff88,#4a9eff,#b864ff,#ff6bb5);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:aurora-shift 5s linear infinite;font-weight:300;letter-spacing:0.1em;text-transform:uppercase;font-size:0.9rem}
[data-theme="t27"] .nav-list a{color:#e0f0ff;font-weight:300;letter-spacing:0.1em;padding:0.5rem 1rem;font-size:0.8rem;position:relative;transition:all 0.3s}
[data-theme="t27"] .nav-list a::after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background:linear-gradient(90deg,#00ff88,#b864ff);transform:translateX(-50%);transition:width 0.3s}
[data-theme="t27"] .nav-list a:hover{color:#00ff88;text-shadow:0 0 15px rgba(0,255,136,0.6)}
[data-theme="t27"] .nav-list a:hover::after{width:100%}
[data-theme="t27"] .btn-theme-pick,[data-theme="t27"] .btn-lang{background:rgba(0,255,136,0.1);color:#00ff88;border:1px solid rgba(0,255,136,0.3);border-radius:25px;letter-spacing:0.1em;font-size:0.7rem;padding:0.5rem 1rem;font-weight:500;backdrop-filter:blur(10px);transition:all 0.3s}
[data-theme="t27"] .btn-theme-pick:hover,[data-theme="t27"] .btn-lang:hover{background:rgba(0,255,136,0.2);border-color:#00ff88;box-shadow:0 0 25px rgba(0,255,136,0.4);transform:translateY(-2px)}
[data-theme="t27"] .nav-toggle{background:rgba(0,255,136,0.1);border:1px solid rgba(0,255,136,0.3);border-radius:8px;backdrop-filter:blur(10px)}
[data-theme="t27"] .nav-toggle span{background:#00ff88}
[data-theme="t27"] .hero{padding:8rem 2rem 6rem;text-align:center;position:relative;z-index:1}
[data-theme="t27"] .hero-shell{max-width:950px;margin:0 auto;position:relative;padding:3rem 2.5rem;background:rgba(10,14,42,0.5);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,0.1);border-radius:30px;box-shadow:0 30px 80px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.1);overflow:hidden}
[data-theme="t27"] .hero-shell::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,rgba(0,255,136,0.1) 60deg,transparent 120deg,rgba(184,100,255,0.1) 180deg,transparent 240deg,rgba(74,158,255,0.1) 300deg,transparent 360deg);animation:rotate 20s linear infinite;pointer-events:none}
[data-theme="t27"] .hero-prompt{display:none}
[data-theme="t27"] .hero-greeting{color:#00ff88;font-size:0.85rem;letter-spacing:0.4em;text-transform:uppercase;font-weight:300;position:relative;z-index:1}
[data-theme="t27"] .hero-name{font-size:clamp(2.8rem,8vw,5.5rem);background:linear-gradient(90deg,#00ff88,#4a9eff,#b864ff,#ff6bb5,#00ff88);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:aurora-shift 6s linear infinite;font-weight:200;letter-spacing:0.02em;line-height:1.1;margin:1.2rem 0;position:relative;z-index:1;text-transform:uppercase}
[data-theme="t27"] .hero-role{color:#e0f0ff;font-size:1.3rem;letter-spacing:0.15em;text-transform:uppercase;font-weight:300;position:relative;z-index:1;text-shadow:0 0 20px rgba(74,158,255,0.5)}
[data-theme="t27"] .hero-tagline{color:#b864ff;letter-spacing:0.2em;text-transform:uppercase;font-size:0.8rem;margin-top:0.5rem;font-weight:400;position:relative;z-index:1}
[data-theme="t27"] .hero-subtitle{color:#a0b0d0;font-size:0.85rem;margin-top:0.3rem;letter-spacing:0.05em;position:relative;z-index:1}
[data-theme="t27"] .hero-cta{margin-top:2.5rem;display:flex;gap:0.8rem;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}
[data-theme="t27"] .btn{padding:0.9rem 2.2rem;background:rgba(255,255,255,0.05);color:#e0f0ff;border:1px solid rgba(255,255,255,0.2);border-radius:30px;letter-spacing:0.15em;font-size:0.75rem;font-weight:500;backdrop-filter:blur(15px);transition:all 0.3s;text-transform:uppercase;position:relative;overflow:hidden}
[data-theme="t27"] .btn::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00ff88,#4a9eff,#b864ff);opacity:0;transition:opacity 0.3s;z-index:-1}
[data-theme="t27"] .btn:hover{border-color:rgba(255,255,255,0.4);transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,255,136,0.3)}
[data-theme="t27"] .btn:hover::before{opacity:0.3}
[data-theme="t27"] .btn-primary{background:linear-gradient(90deg,#00ff88,#4a9eff);color:#0a0e2a;border:0;font-weight:700}
[data-theme="t27"] .btn-primary::before{background:linear-gradient(90deg,#4a9eff,#b864ff)}
[data-theme="t27"] .btn-primary:hover{box-shadow:0 10px 40px rgba(74,158,255,0.5)}
[data-theme="t27"] .sec{padding:6rem 2rem;position:relative;z-index:1}
[data-theme="t27"] .sec-eyebrow{color:#00ff88;letter-spacing:0.4em;text-transform:uppercase;font-size:0.7rem;font-weight:500;display:inline-block;padding-bottom:0.4rem;border-bottom:1px solid rgba(0,255,136,0.3)}
[data-theme="t27"] .sec-title{background:linear-gradient(90deg,#00ff88,#4a9eff,#b864ff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:aurora-shift 8s linear infinite;font-weight:200;text-transform:uppercase;letter-spacing:0.1em;font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.1}
[data-theme="t27"] .about-grid{display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:start;max-width:1100px;margin:0 auto}
@media (max-width:768px){[data-theme="t27"] .about-grid{grid-template-columns:1fr;gap:2rem}}
[data-theme="t27"] .about-photo{position:relative;padding:1rem;background:linear-gradient(135deg,rgba(0,255,136,0.1),rgba(184,100,255,0.1));border-radius:50%;box-shadow:0 0 60px rgba(0,255,136,0.3),0 0 100px rgba(184,100,255,0.2)}
[data-theme="t27"] .about-photo::before{content:"";position:absolute;inset:-15px;border-radius:50%;border:1px solid rgba(0,255,136,0.3);animation:rotate 15s linear infinite;pointer-events:none}
[data-theme="t27"] .about-photo::after{content:"";position:absolute;inset:-25px;border-radius:50%;border:1px solid rgba(184,100,255,0.3);animation:rotate 25s linear infinite reverse;pointer-events:none}
[data-theme="t27"] .about-photo img{border-radius:50%;border:2px solid rgba(255,255,255,0.2);filter:saturate(1.1) contrast(1.05);position:relative;z-index:1}
[data-theme="t27"] .photo-frame{display:none}
[data-theme="t27"] .about-text{background:rgba(255,255,255,0.03);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:25px;padding:2rem;position:relative;overflow:hidden}
[data-theme="t27"] .about-text::before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(0,255,136,0.1) 0%,transparent 60%);animation:aurora-shift 10s ease-in-out infinite;pointer-events:none}
[data-theme="t27"] .about-text p{color:#e0f0ff;line-height:1.8;margin-bottom:1.2rem;font-weight:300;position:relative;z-index:1}
[data-theme="t27"] .about-highlight{color:#00ff88;font-weight:400;border-left:2px solid;padding-left:1.5rem;border-image:linear-gradient(180deg,#00ff88,#b864ff) 1;background:rgba(0,255,136,0.05);padding-top:0.5rem;padding-bottom:0.5rem;position:relative;z-index:1}
[data-theme="t27"] .about-list{margin-top:1.5rem;display:grid;gap:0.6rem;position:relative;z-index:1}
[data-theme="t27"] .about-list li{background:rgba(255,255,255,0.04);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:0.7rem 1.2rem;color:#e0f0ff;font-weight:300;position:relative;padding-left:2.5rem;transition:all 0.3s}
[data-theme="t27"] .about-list li:hover{background:rgba(0,255,136,0.1);border-color:rgba(0,255,136,0.3);transform:translateX(4px)}
[data-theme="t27"] .about-list li::before{content:"✦";position:absolute;left:1rem;background:linear-gradient(135deg,#00ff88,#b864ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
[data-theme="t27"] .skill-cat{margin-bottom:2.5rem}
[data-theme="t27"] .skills-cat-title{background:linear-gradient(90deg,#00ff88,#4a9eff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:0.3em;text-transform:uppercase;font-size:0.8rem;font-weight:600;margin-bottom:1.2rem;padding-bottom:0.5rem;border-bottom:1px solid rgba(0,255,136,0.2);display:inline-block}
[data-theme="t27"] .skill-row{background:rgba(255,255,255,0.04);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:0.9rem 1.3rem;margin-bottom:0.6rem;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;transition:all 0.3s;position:relative;overflow:hidden}
[data-theme="t27"] .skill-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#00ff88,#b864ff);opacity:0;transition:opacity 0.3s}
[data-theme="t27"] .skill-row:hover{background:rgba(0,255,136,0.08);border-color:rgba(0,255,136,0.3);transform:translateX(4px);box-shadow:0 5px 20px rgba(0,255,136,0.15)}
[data-theme="t27"] .skill-row:hover::before{opacity:1}
[data-theme="t27"] .skill-name{color:#e0f0ff;font-weight:300;letter-spacing:0.05em}
[data-theme="t27"] .skill-bar-wrap{grid-column:1/-1;height:4px;background:rgba(255,255,255,0.08);border-radius:2px;overflow:hidden;margin-top:0.5rem;position:relative}
[data-theme="t27"] .skill-bar{height:100%;background:linear-gradient(90deg,#00ff88,#4a9eff,#b864ff);border-radius:2px;position:relative;box-shadow:0 0 10px rgba(0,255,136,0.5)}
[data-theme="t27"] .skill-bar::after{content:"";position:absolute;right:0;top:-1px;width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 8px rgba(255,255,255,0.8)}
[data-theme="t27"] .skill-level{color:#00ff88;background:rgba(0,255,136,0.15);padding:0.3rem 0.7rem;border:1px solid rgba(0,255,136,0.3);border-radius:15px;font-size:0.75rem;font-weight:600;letter-spacing:0.05em}
[data-theme="t27"] .cert-card,[data-theme="t27"] .project-card{background:rgba(255,255,255,0.04);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:25px;padding:1.5rem;position:relative;overflow:hidden;transition:all 0.4s}
[data-theme="t27"] .cert-card::before,[data-theme="t27"] .project-card::before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(184,100,255,0.2) 0%,transparent 60%);opacity:0;transition:opacity 0.4s;pointer-events:none}
[data-theme="t27"] .cert-card:hover::before,[data-theme="t27"] .project-card:hover::before{opacity:1}
[data-theme="t27"] .cert-card:hover,[data-theme="t27"] .project-card:hover{background:rgba(0,255,136,0.08);border-color:rgba(0,255,136,0.3);transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,255,136,0.2),0 0 80px rgba(184,100,255,0.15)}
[data-theme="t27"] .contact-desc{text-align:center;color:#e0f0ff;max-width:600px;margin:0 auto 2rem;line-height:1.8;font-weight:300;background:rgba(255,255,255,0.03);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:25px;padding:1.5rem}
[data-theme="t27"] .contact-link{background:rgba(255,255,255,0.05);color:#e0f0ff;border:1px solid rgba(0,255,136,0.3);border-radius:30px;padding:0.8rem 1.8rem;letter-spacing:0.15em;font-size:0.75rem;font-weight:500;display:inline-block;margin:0.4rem;backdrop-filter:blur(15px);transition:all 0.3s;text-transform:uppercase;position:relative;overflow:hidden}
[data-theme="t27"] .contact-link::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00ff88,#4a9eff,#b864ff);opacity:0;transition:opacity 0.3s;z-index:-1;border-radius:30px}
[data-theme="t27"] .contact-link:hover{border-color:rgba(255,255,255,0.4);color:#0a0e2a;font-weight:700;transform:translateY(-3px);box-shadow:0 15px 40px rgba(0,255,136,0.4)}
[data-theme="t27"] .contact-link:hover::before{opacity:1}
[data-theme="t27"] .site-footer{background:rgba(10,14,42,0.7);backdrop-filter:blur(25px);border-top:1px solid rgba(0,255,136,0.2);color:#e0f0ff;padding:3rem 2rem;text-align:center;letter-spacing:0.2em;text-transform:uppercase;font-size:0.75rem;font-weight:300;position:relative;z-index:1}
[data-theme="t27"] .site-footer::before{content:"✦ ✦ ✦ ✦ ✦";display:block;background:linear-gradient(90deg,#00ff88,#4a9eff,#b864ff,#ff6bb5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:1.3rem;letter-spacing:1rem;margin-bottom:1rem;animation:aurora-shift 5s linear infinite;background-size:200% 100%}
[data-theme="t27"] .modal-card{background:rgba(10,14,42,0.85);backdrop-filter:blur(30px);border:1px solid rgba(0,255,136,0.3);border-radius:25px;box-shadow:0 30px 80px rgba(0,0,0,0.5),0 0 60px rgba(0,255,136,0.2)}
[data-theme="t27"] .modal-head{background:transparent;border-bottom:1px solid rgba(0,255,136,0.2)}
[data-theme="t27"] .modal-head h2{background:linear-gradient(90deg,#00ff88,#b864ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
[data-theme="t27"] .theme-tile{background:rgba(255,255,255,0.04);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.08);border-radius:20px;position:relative;overflow:hidden;transition:all 0.3s}
[data-theme="t27"] .theme-tile::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,255,136,0) 0%,rgba(184,100,255,0) 100%);transition:background 0.3s}
[data-theme="t27"] .theme-tile:hover,[data-theme="t27"] .theme-tile.active{background:rgba(0,255,136,0.1);border-color:rgba(0,255,136,0.4);transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,255,136,0.2)}
[data-theme="t27"] .theme-tile.active::before{background:linear-gradient(135deg,rgba(0,255,136,0.2) 0%,rgba(184,100,255,0.2) 100%)}