:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}@font-face{font-family:Unreal;src:url(/assets/Unreal-CQHjnkE0.ttf)format("truetype");font-weight:400;font-style:normal}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}#root{max-width:none}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#07070b;--surface:#111116a6;--surface-light:#ffffff0a;--border:#ffffff0f;--text:#ffffffeb;--muted:#ffffff9e;--purple:#9c7dff}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;overflow-x:hidden}.app{background:radial-gradient(circle at top,#7c5cff14,#0000 35%),linear-gradient(#09090d,#06060a);min-height:100vh;overflow-x:hidden}.hero-section{align-items:flex-end;min-height:78vh;display:flex;position:relative;overflow:hidden}.hero-image{object-fit:cover;filter:brightness(.42)saturate(.72)blur(1.2px)contrast(.92);width:100%;height:100%;position:absolute;inset:0}.overlay{background:linear-gradient(#05050826 0%,#05050859 35%,#050508cc 70%,#050508f7 100%);position:absolute;inset:0}.vignette{background:radial-gradient(circle,#0000 45%,#0006 100%);position:absolute;inset:0}.hero-content{z-index:2;flex-direction:column;align-items:flex-start;width:100%;max-width:1280px;margin:0 auto;padding:0 7vw 7rem;display:flex;position:relative}.eyebrow{color:#ffffff7a;text-transform:uppercase;letter-spacing:3px;margin-bottom:1.2rem;padding-left:2px;font-size:.78rem}.underline{background:linear-gradient(90deg,#ff9966e6,#9c7dff8c);width:170px;height:2px;margin-bottom:1.7rem}.tagline{color:#ffffffc2;letter-spacing:.2px;max-width:700px;font-size:clamp(1rem,1.4vw,1.08rem);font-weight:400;line-height:1.9}.name{letter-spacing:2px;color:#fffffff5;text-transform:uppercase;text-shadow:0 0 18px #ffffff08,0 0 30px #785aff0a;margin-bottom:1.1rem;font-family:Unreal,sans-serif;font-size:clamp(3rem,6vw,5.8rem);font-weight:400;line-height:.9}.tagline span{color:#b496ffeb}.navigation-section{z-index:3;margin-top:-2.5rem;position:relative}.tabs{clip-path:polygon(3% 0%,100% 0%,97% 100%,0% 100%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#1a1226b8,#0a0a10d1);border:1px solid #aa82ff14;align-items:stretch;width:min(1180px,94vw);margin:0 auto;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 10px 30px #00000038}.tab-button{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-right:1px solid #ffffff0d;flex:1;justify-content:center;align-items:center;gap:1.2rem;padding:1.6rem 1.4rem;transition:color .25s,background .25s,transform .25s;display:flex;position:relative}.tab-icon{color:#a880ffe6;justify-content:center;align-items:center;font-size:2rem;transition:transform .25s,color .25s;display:flex}.tab-label{letter-spacing:.3px;font-size:1rem;font-weight:600}.tab-button:last-child{border-right:none}.tab-button:hover{color:#ffffffe0;background:linear-gradient(#ffffff06,#ffffff03)}.tab-button:hover .tab-icon{color:#b991ff;transform:scale(1.05)}.tab-button.active{color:#fffffff5;background:linear-gradient(#465aff1f,#8c5aff14)}.tab-button.active .tab-icon{color:#be96ff;transform:scale(1.06)}.tab-button.active:before{content:"";pointer-events:none;background:linear-gradient(#ffffff0a,#0000);position:absolute;inset:0}.tab-button.active:after{content:"";background:linear-gradient(90deg,#5a8cfff2,#aa78fff2);border-radius:999px;width:68%;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 12px #6e78ff59,0 0 22px #a06eff2e}.content-section{padding:4.5rem 0 7rem}.content-container{width:min(1580px,96vw);margin:0 auto}.content-panel h2{text-transform:uppercase;letter-spacing:1px;margin-bottom:2rem;padding-bottom:.8rem;display:flex;position:relative}.content-panel h2:after{content:"";background:linear-gradient(90deg,#ff915af2,#a078ff59);width:120%;height:2px;position:absolute;bottom:0;left:0}.content-panel>p{max-width:780px;color:var(--muted);margin-bottom:3.5rem;font-size:1.02rem;line-height:1.95}.project-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.8rem;display:grid}.project-card{background:linear-gradient(#ffffff08,#ffffff04);border:1px solid #ffffff0b;border-radius:22px;transition:transform .35s,border-color .35s,background .35s;overflow:hidden}.project-card:hover{background:linear-gradient(#ffffff0b,#ffffff05);border-color:#9c7dff24;transform:translateY(-4px)}.project-image{background:linear-gradient(#00000026,#00000073),radial-gradient(circle at 0 0,#9c7dff2e,#0000 40%),#111114;height:220px}.project-info{padding:2rem}.project-info h3{letter-spacing:-.2px;margin-bottom:.9rem;font-size:1.28rem;font-weight:700}.project-info p{color:#ffffff9e;font-size:.96rem;line-height:1.8}.content-section:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:min(1180px,92vw);height:1px;margin:0 auto 4rem;display:block}@media (width<=768px){.hero-section{min-height:72vh}.hero-content{padding:0 1.5rem 5rem}.name{font-size:3.5rem}.tabs{grid-template-columns:repeat(2,1fr)}.content-panel h2{font-size:2rem}.project-info{padding:1.6rem}.content-section{padding-top:3.5rem}}.navigation-section,.content-section{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.about-layout{grid-template-columns:320px 1fr;align-items:start;gap:4.5rem;display:grid}.about-left{position:sticky;top:2rem}.profile-image{aspect-ratio:.82;border:1px solid #ffffff0f;border-radius:24px;width:100%;margin-bottom:2rem;overflow:hidden}.profile-image img{object-fit:cover;filter:brightness(.9)contrast(1.02)saturate(.92);width:100%;height:100%;display:block}.contact-block{margin-bottom:1.8rem}.contact-label{color:#ffffff6b;text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem;font-size:.72rem}.contact-text{color:#ffffffe0;font-size:.98rem;line-height:1.7}.socials{justify-content:center;align-items:center;gap:1rem;width:100%;margin-top:1rem;display:flex}.social-button{background:linear-gradient(#ffffff0a,#ffffff04);border:1px solid #ffffff0d;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;transition:transform .25s,border-color .25s,background .25s;display:flex}.social-button img{object-fit:contain;opacity:.88;width:24px;height:24px}.social-button:hover{background:linear-gradient(#9c7dff14,#ffffff05);border-color:#9c7dff2e;transform:translateY(-2px)}.about-right{flex-direction:column;gap:4rem;display:flex}.about-section h2{text-align:left;margin-bottom:1.8rem}.about-section p{color:#ffffffb8;text-align:left;margin-bottom:1.4rem;font-size:1rem;line-height:2}.skill-card h3{color:#fffffff2;margin-bottom:1rem;font-size:1.05rem}.skill-card p{margin-bottom:0;font-size:.94rem;line-height:1.9}.roles-list{flex-wrap:wrap;gap:1rem;display:flex}.roles-list span{color:#ffffffd1;background:linear-gradient(#ffffff0a,#ffffff04);border:1px solid #ffffff0d;border-radius:999px;padding:.9rem 1.2rem;font-size:.92rem}.education-item h3{color:#fffffff5;margin-bottom:.8rem}.education-item p{justify-content:space-between;gap:1rem;margin-bottom:0;display:flex}.education-item span{color:#ffffff6b}@media (width<=980px){.about-layout{grid-template-columns:1fr;gap:3rem}.about-left{top:unset;position:relative}.profile-image{max-width:340px}}.details-list{flex-direction:column;gap:1.2rem;padding:0;list-style:none;display:flex}.details-list li{color:#ffffffb8;padding-left:1.4rem;line-height:1.9;position:relative}.details-list li:before{content:"";background:#9c7dffa6;border-radius:999px;width:6px;height:6px;position:absolute;top:.82rem;left:0}.details-list strong{color:#fffffff0;font-weight:600}.about-right{align-items:flex-start}.about-section{width:100%}.details-list{align-items:flex-start;width:100%}.details-list li{text-align:left;width:100%}.roles-list{justify-content:flex-start}.projects-layout{grid-template-columns:110px minmax(0,1fr);align-items:start;gap:.5rem;display:grid}.projects-sidebar{background:radial-gradient(at 100%,#785aff1a 0%,#785aff0f 28%,#785aff06 48%,#785aff02 65%,#0000 100%);flex-direction:column;justify-content:center;align-items:center;width:150px;min-height:620px;margin-left:-5rem;padding:2rem 0;display:flex;position:relative;top:2rem;overflow:visible}.projects-sidebar:after{content:"";background:linear-gradient(#9c7dff00,#9c7dff38 15%,#9c7dff4d 50%,#9c7dff38 85%,#9c7dff00);width:1px;height:100%;position:absolute;top:0;right:0}.project-nav-item{cursor:pointer;color:#ffffff94;background:0 0;border:none;flex-direction:column;align-items:center;gap:.8rem;width:100%;padding:1rem 0;transition:transform .25s,color .25s;display:flex;position:relative}.project-nav-item:hover{color:#fffffff2}.project-nav-item.active{color:#fffffffa}.project-nav-icon{color:#aa82ffeb;font-size:2rem;transition:transform .25s,text-shadow .25s}.project-nav-item.active .project-nav-icon{text-shadow:0 0 14px #9c7dff8c,0 0 32px #9c7dff38}.project-nav-item:hover .project-nav-icon{transform:scale(1.08)}.project-nav-item span{letter-spacing:.3px;font-size:.95rem;font-weight:500}.project-nav-line{opacity:.7;background:linear-gradient(#9c7dff00,#9c7dff8c,#9c7dff00);width:1px;height:34px}.project-nav-item.active:after{content:"";clip-path:polygon(0 0,100% 50%,0 100%);filter:blur(.4px);background:linear-gradient(#be96ffe6,#825aff73);width:10px;height:54px;position:absolute;top:50%;right:-8px;transform:translateY(-50%);box-shadow:0 0 12px #9c7dff8c,0 0 24px #9c7dff47}.projects-content{width:100%;padding-left:.5rem;animation:.35s fadeSection}@media (width<=980px){.projects-layout{grid-template-columns:1fr}.projects-sidebar{flex-direction:row;justify-content:center;gap:1rem;width:100%;min-height:auto;margin-left:0;padding:1rem}.projects-sidebar:after{display:none}.project-nav-line{width:24px;height:1px}.project-nav-item.active:after{display:none}}@keyframes fadeSection{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.skills-heading{align-items:center;gap:.8rem;display:flex!important}.skills-heading-icon{color:#9c7dfff2;font-size:1.5rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;width:100%;display:grid}.skill-card{background:linear-gradient(#ffffff09,#ffffff04);border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:1.2rem;padding:1.4rem 1.5rem;transition:transform .25s,border-color .25s,background .25s;display:flex}.skill-card:hover{background:linear-gradient(#9c7dff0f,#ffffff05);border-color:#9c7dff2e;transform:translateY(-3px)}.skill-icon{background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;justify-content:center;align-items:center;min-width:52px;height:52px;font-size:1.5rem;font-weight:700;display:flex}.skill-content{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.skill-content h3{color:#fffffff0;text-transform:uppercase;letter-spacing:.5px;text-align:left;margin-bottom:.6rem;font-size:1rem;font-weight:700}.skill-content p{color:#ffffffad;text-align:left;margin:0;font-size:.95rem;line-height:1.8}.skill-icon.purple{color:#9c7dff}.skill-icon.blue{color:#4da3ff}.skill-icon.green{color:#42d392}.skill-icon.yellow{color:#f5c451}.skill-icon.red{color:#ff6b6b}.section-heading{justify-content:flex-start;align-items:center;width:100%;gap:.9rem!important;display:flex!important}.section-heading svg{flex-shrink:0;margin-top:1px}.section-heading-icon{color:#9c7dfff2;flex-shrink:0;font-size:1.25rem;position:relative}.bullseye-icon{top:1px}.education-icon{top:2px}.education-grid{grid-template-columns:repeat(auto-fit, minmax(1fr, 1fr));gap:1.8rem;width:100%;display:grid}.education-card{background:linear-gradient(#ffffff08,#ffffff04);border:1px solid #ffffff0d;border-radius:24px;padding:1.7rem 1.8rem;transition:transform .25s,border-color .25s,background .25s}.education-card:hover{background:linear-gradient(#9c7dff0d,#ffffff05);border-color:#9c7dff2e;transform:translateY(-3px)}.education-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.education-left{flex:1;align-items:flex-start;gap:1.2rem;display:flex}.education-icon-box{color:#aa82fff2;background:linear-gradient(#9c7dff1f,#9c7dff0a);border:1px solid #9c7dff24;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:74px;height:74px;font-size:2rem;display:flex;box-shadow:0 0 24px #9c7dff14,inset 0 1px #ffffff0a}.education-content{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding-top:.15rem;display:flex}.education-content h3{color:#fffffff5;text-align:left;margin-bottom:.45rem;font-size:1.55rem;font-weight:700;line-height:1.1}.education-content p{color:#ffffffad;text-align:left;white-space:nowrap;font-size:1rem;line-height:1.3}.education-year{color:#b48cfff2;background:linear-gradient(#9c7dff1f,#9c7dff0a);border:1px solid #9c7dff1f;border-radius:14px;flex-shrink:0;margin-top:.2rem;padding:.6rem 1rem;font-size:1rem;font-weight:600}.education-line{background:linear-gradient(90deg,#9c7dff73,#9c7dff14);width:100%;height:1px;margin-top:1.6rem}.project-category-header{text-align:center;margin-bottom:3rem}.project-category-header h2{letter-spacing:1px;margin-bottom:1.2rem;padding-bottom:.7rem;font-size:2rem;display:inline-block;position:relative}.project-category-header h2:after{content:"";background:linear-gradient(90deg,#ff915af2,#a078ff59);width:120%;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.project-category-header p{color:#ffffff9e;max-width:720px;margin:0 auto;line-height:1.9}.featured-project-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffff08,#ffffff04);border:1px solid #ffffff0d;border-radius:28px;grid-template-columns:1.62fr .92fr;gap:2.5rem;max-width:1320px;margin:0 auto 3rem 0;padding:2rem;display:grid}.featured-project-card-green .featured-label,.featured-project-card-green .featured-features h4{color:#008631}.featured-project-card-green .live-demo-button,.featured-project-card-green .live-demo-button:hover{color:#fff;background:#008631}.featured-project-card-green .featured-features ul li:before{color:#008631}.featured-project-left{flex-direction:column;gap:1.5rem;display:flex}.featured-main-image{border:1px solid #ffffff0f;border-radius:18px;width:100%;height:450px;overflow:hidden}.featured-main-image img{object-fit:cover;filter:brightness(.82)contrast(1.02)saturate(.92);width:100%;height:100%;display:block}.featured-thumbnail-row{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.featured-thumbnail{opacity:.65;cursor:pointer;appearance:none;background:0 0;border:1px solid #ffffff0f;border-radius:14px;outline:none;height:120px;padding:0;transition:opacity .25s,border-color .25s,transform .25s;overflow:hidden}.featured-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.featured-thumbnail.active{opacity:1;border-color:#9c7dff47}.featured-thumbnail:hover{opacity:1;transform:translateY(-2px)}.featured-project-right{flex-direction:column;align-items:flex-start;display:flex}.featured-label{text-align:left;color:#9c7dfff2;letter-spacing:1.4px;align-self:flex-start;margin-bottom:1rem;font-size:.9rem;font-weight:700}.featured-project-right h3{text-align:left;align-self:flex-start;margin-bottom:.5rem;font-size:2.25rem;line-height:1.05}.featured-description{color:#ffffffad;text-align:left;max-width:400px;margin-bottom:1.2rem;font-size:.95rem;line-height:1.65}.featured-tags{flex-wrap:wrap;gap:.55rem;margin-bottom:1.5rem;display:flex}.featured-tags span{color:#ffffffc2;white-space:nowrap;background:linear-gradient(#ffffff09,#ffffff03);border:1px solid #ffffff0e;border-radius:8px;justify-content:center;align-items:center;padding:.34rem .72rem;font-size:.7rem;font-weight:500;line-height:1;display:inline-flex}.featured-divider{background:linear-gradient(90deg,#ffffff14,#0000);width:100%;height:1px;margin-bottom:1.2rem}.featured-features h4{color:#9c7dfff2;letter-spacing:1px;text-align:left;margin-bottom:.9rem}.featured-features ul{flex-direction:column;gap:.37rem;margin-bottom:1.8rem;padding-left:0;list-style:none;display:flex}.featured-features li{color:#ffffffad;text-align:left;padding-left:1.1rem;font-size:.88rem;line-height:1.2;position:relative}.featured-features li:before{content:"◉";color:#9c7dffd9;font-size:.7rem;position:absolute;left:0}.featured-buttons{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.live-demo-button,.github-project-button{border-radius:12px;justify-content:center;align-items:center;gap:.7rem;min-width:190px;height:48px;font-size:.92rem;font-weight:600;text-decoration:none;transition:transform .25s,border-color .25s,background .25s;display:flex}.live-demo-button{color:#fff;background:linear-gradient(90deg,#8c5afff2,#7850ffd9)}.live-demo-button:hover{transform:translateY(-2px)}.github-project-button{color:#ffffffe0;background:linear-gradient(#ffffff08,#ffffff04);border:1px solid #ffffff14}.github-project-button:hover{border-color:#9c7dff3d;transform:translateY(-2px)}.github-project-button img{width:20px;height:20px}@media (width<=1100px){.featured-project-card{grid-template-columns:1fr}.featured-project-right h3{font-size:2.4rem}}@media (width<=700px){.featured-thumbnail-row{grid-template-columns:repeat(2,1fr)}.featured-buttons{grid-template-columns:1fr;align-items:stretch}.featured-project-right h3{justify-content:center;font-size:2rem}}.mediclear-card{align-items:center;gap:4rem;display:flex;overflow:hidden}.mediclear-left{z-index:2;width:38%}.mediclear-right{justify-content:center;align-items:center;width:62%;height:640px;display:flex;position:relative}.phone-carousel{width:100%;height:100%;position:relative}.phone-card{will-change:transform, left, opacity;width:280px;height:560px;transition:left .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1),opacity .45s;position:absolute;top:50%}.phone-card img{object-fit:cover;border-radius:16px;width:100%;height:100%;display:block;overflow:hidden}.phone-center{opacity:1;z-index:5;top:50%;left:50%;transform:translate(-50%)translateY(-50%)rotate(0)scale(1)}.phone-left-1{opacity:.8;z-index:4;top:50%;left:26%;transform:translate(-50%)translateY(-50%)rotate(-8deg)scale(.88)}.phone-left-2{opacity:.45;z-index:3;top:50%;left:10%;transform:translate(-50%)translateY(-50%)rotate(-14deg)scale(.76)}.phone-right-1{opacity:.8;z-index:4;top:50%;left:74%;transform:translate(-50%)translateY(-50%)rotate(8deg)scale(.88)}.phone-right-2{opacity:.45;z-index:3;top:50%;left:90%;transform:translate(-50%)translateY(-50%)rotate(14deg)scale(.76)}.carousel-arrow{color:#fff;cursor:pointer;z-index:20;background:#0a0a14d9;border:1px solid #ffffff1f;border-radius:50%;width:52px;height:52px;font-size:1.4rem;transition:background .25s,transform .25s;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:hover{background:#2563eb;transform:translateY(-50%)scale(1.08)}.carousel-arrow.left{left:0}.carousel-arrow.right{right:0}.phone-hidden{opacity:0;pointer-events:none;z-index:1;transform:translate(-50%)scale(.6)}.mediclear-label,.mediclear-features h4,.mediclear-features ul li:before{color:#0080fe}.mediclear-button,.mediclear-button:hover{color:#fff;background:#0080fe}.mediclear-title{text-align:left;margin-top:0;margin-bottom:.5rem;font-size:2.25rem;font-weight:700;line-height:1.05}.featured-project-card-amazon .featured-label,.featured-project-card-amazon .featured-features h4,.featured-project-card-amazon .featured-features ul li:before{color:#facc15}.artwork-showcase-card{align-items:flex-start;gap:2rem;width:90%;margin-top:4rem;display:flex}.artwork-left{text-align:left;flex:1}.artwork-text-content h3{color:#fff;margin-bottom:1.1rem;padding-top:1.1rem;font-size:2.25rem;display:inline-block;position:relative}.artwork-text-content h3:before{content:"";background:#9b6dff;width:810px;height:2px;position:absolute;top:0;left:0;box-shadow:0 0 12px #9b6dff80}.artwork-type{color:#ffffffd9;margin-bottom:.7rem;font-size:1.2rem}.artwork-type span{color:#fff;font-weight:700}.artwork-software{color:#ffffffd9;margin-bottom:1rem;font-size:1.2rem}.artwork-software span{color:#fff;font-weight:700}.artwork-main-image{background:#ffffff08;border:1px solid #9b6dff80;border-radius:1rem;width:100%;overflow:hidden;box-shadow:0 0 40px #9b6dff14}.artwork-main-image img{object-fit:cover;width:100%;display:block}.artwork-thumbnail-column{flex-direction:column;gap:1.3rem;width:280px;margin-top:9rem;display:flex}.artwork-thumbnail{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:1rem;padding:0;transition:all .3s;overflow:hidden}.artwork-thumbnail:hover{transform:translateY(-4px)}.artwork-thumbnail.active{border-color:#9b6dff;box-shadow:0 0 25px #9b6dff59}.artwork-thumbnail img{object-fit:cover;width:100%;display:block}@media (width<=1100px){.artwork-showcase-card{flex-direction:column}.artwork-thumbnail-column{flex-direction:row;width:100%}.artwork-thumbnail{flex:1}}@media (width<=768px){.artwork-text-content h3{font-size:2rem}.project-category-header h2{font-size:2.4rem}.artwork-thumbnail-column{flex-direction:column}}.artwork-info-cards{gap:2rem;width:90%;margin-top:2rem;display:flex}.artwork-info-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#12121eeb,#080810f5);border:1px solid #a078ff2e;border-radius:22px;flex:1;min-height:180px;padding:1.6rem;transition:transform .3s,border-color .3s,box-shadow .3s;box-shadow:0 0 25px #7850ff14,inset 0 0 25px #ffffff04}.artwork-info-description{flex:1.2}.artwork-info-skills{flex:.8}.artwork-info-card:hover{border-color:#b482ff66;transform:translateY(-4px);box-shadow:0 0 30px #8c64ff24,inset 0 0 25px #ffffff05}.artwork-card-title{align-items:center;gap:.4rem;display:flex}.artwork-card-title h4{color:#b87cff;font-size:1.4rem;font-weight:600}.artwork-card-icon{color:#a970ff;font-size:2rem}.artwork-card-divider{background:linear-gradient(90deg,#b87cff,#0000);width:100%;height:1px;margin:1rem 0 .8rem}.artwork-info-card p,.artwork-info-card li{color:#ffffffc7;text-align:left;font-size:1rem;line-height:2rem}.artwork-info-card ul{padding-left:1.3rem}.artwork-info-card li{margin-bottom:.8rem;line-height:1rem}@media (width<=1200px){.artwork-info-cards{flex-direction:column}.artwork-info-card{width:100%}}.full-card{transform:scale(1)}.pi-layout{width:100%;margin-top:4rem}.project-category-header p{max-width:980px;margin:0 auto;line-height:2rem}.pi-section,.pi-contact-section,.pi-focus-section{text-align:left}.pi-section h3,.pi-contact-section h3,.pi-focus-section h3{color:#fff;margin-bottom:.8rem;font-size:2.2rem}.pi-section-line{background:linear-gradient(90deg,#a970ff,#0000);width:220px;height:2px;margin-bottom:2rem}.pi-section p,.pi-contact-description,.focus-card p,.pi-warning-box p{color:#ffffffb8;font-size:1.1rem;line-height:2rem}.pi-section p{margin-bottom:2rem}.pi-bullet-list{padding-left:0;list-style:none}.pi-bullet-list li{color:#ffffffbf;margin-bottom:.9rem;font-size:1.05rem}.pi-bullet-list li:before{content:"— ";color:#a970ff}.pi-bottom-grid{grid-template-columns:1.15fr .9fr;gap:3rem;margin-top:4rem;display:grid}.pi-form{margin-top:2rem}.pi-form-top{gap:1rem;display:flex}.pi-form input{color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:.5rem;outline:none;width:100%;margin-bottom:1rem;padding:1rem;font-size:1rem;transition:all .3s}.pi-form textarea{resize:none;color:#fff;background:#ffffff08;border:1px solid #9b6dff33;border-radius:12px;width:100%;height:645px;min-height:180px;max-height:645px;margin-bottom:1rem;padding:1rem;font-size:1rem;line-height:1.5rem;overflow-y:auto}.pi-form input:focus,.pi-form textarea:focus{border-color:#a970ff;box-shadow:0 0 15px #a970ff2e}.pi-form textarea{resize:vertical;min-height:180px}.pi-form button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6f46d9,#9b6dff);border:none;border-radius:.5rem;width:240px;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s}.pi-form button:hover{transform:translateY(-2px);box-shadow:0 0 20px #9b6dff4d}.pi-focus-section{flex-direction:column;display:flex}.focus-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:.7rem;gap:1.2rem;margin-bottom:1rem;padding:1.4rem;transition:all .3s;display:flex}.focus-card:hover{background:#a970ff0a;border-color:#a970ff66}.focus-icon{color:#a970ff;flex-shrink:0;font-size:2.8rem;line-height:1}.focus-card{text-align:left;align-items:flex-start}.focus-card h4{color:#fff;margin-bottom:.5rem;font-size:1.1rem}.pi-warning-box{background:#ffffff05;border:1px solid #a970ff59;border-radius:.8rem;gap:1.5rem;margin-top:3rem;padding:1.5rem;display:flex}.warning-icon{color:#a970ff;flex-shrink:0;font-size:3.4rem}.pi-warning-box h4{color:#fff;margin-bottom:.5rem;font-size:1.2rem}@media (width<=1100px){.pi-bottom-grid{grid-template-columns:1fr}.pi-form-top{flex-direction:column}}@media (width<=768px){.pi-section h3,.pi-contact-section h3,.pi-focus-section h3{font-size:1.8rem}.pi-form button{width:100%}}.pi-content-wrapper{transform-origin:top;width:82%;margin:0 auto -120px;transform:scale(.8)}