@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Inter:wght@300;400;600&display=swap";
.home-template{--bg:#0d0e1a;--bg2:#151627;--purple:#c084fc;--purple2:#a855f7;--white:#e2e8f0;--gray:#94a3b8;--mono:"Space Mono", var(--font-geist-mono), monospace;--sans:"Inter", var(--font-geist-sans), sans-serif;color:var(--white);font-family:var(--sans);background:0 0}.home-template section{z-index:1;position:relative}.home-template .glass-panel{-webkit-backdrop-filter:blur(14px);background:#282c33e0;border:1px solid #abb2bf38;border-radius:12px}@keyframes fadeHint{0%,70%{opacity:1}to{opacity:0}}.home-template .scroll-line{z-index:50;flex-direction:column;gap:8px;display:flex;position:fixed;top:50%;right:28px;transform:translateY(-50%)}.home-template .scroll-dot{cursor:pointer;background:#c084fc40;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:all .2s}.home-template .scroll-dot.active{background:var(--purple);box-shadow:0 0 10px var(--purple);transform:scale(1.4)}.home-template .section-label{font-family:var(--mono);color:var(--purple);margin-bottom:8px;font-size:.8rem}.home-template .section-title{font-family:var(--mono);color:var(--white);margin-bottom:48px;font-size:1.8rem}.home-template .section-title span{color:var(--purple)}.home-template .work-card{-webkit-backdrop-filter:blur(14px);cursor:pointer;transform-style:preserve-3d;will-change:transform;background:#282c33e6;border:1px solid #abb2bf38;border-radius:12px;padding:28px;transition:box-shadow .35s,border-color .35s,transform .5s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.home-template .work-card:before{content:"";border-radius:inherit;background:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,50%), #c084fc2e 0%, transparent 55%);opacity:0;pointer-events:none;z-index:1;transition:opacity .35s;position:absolute;inset:0}.home-template .work-card:hover:before{opacity:1}.home-template .work-card>*{z-index:2;position:relative;transform:translateZ(24px)}.home-template .work-card:hover{border-color:#c084fc80;box-shadow:0 32px 60px #00000080,0 0 0 1px #c084fc66,0 0 40px #a855f71f}.home-template .contact-card{-webkit-backdrop-filter:blur(14px);font-family:var(--mono);color:var(--white);min-width:180px;transform-style:preserve-3d;will-change:transform;background:#282c33e6;border:1px solid #abb2bf38;border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:28px 40px;font-size:.85rem;text-decoration:none;transition:box-shadow .3s,border-color .3s,transform .45s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden}.home-template .contact-card:before{content:"";border-radius:inherit;background:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,50%), #c084fc26 0%, transparent 50%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.home-template .contact-card:hover:before{opacity:1}.home-template .contact-card>*{transform:translateZ(16px)}.home-template .contact-card:hover{border-color:#c084fc73;box-shadow:0 24px 48px #0006,0 0 0 1px #c084fc66}.home-template .image-card-3d{transform-style:preserve-3d;will-change:transform;transition:transform .5s cubic-bezier(.23,1,.32,1);position:relative}.home-template .image-card-3d:before{content:"";border-radius:inherit;background:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,50%), #c084fc33 0%, transparent 55%);opacity:0;pointer-events:none;z-index:3;transition:opacity .35s;position:absolute;inset:0;transform:translateZ(32px)}.home-template .image-card-3d:hover:before{opacity:1}.home-template .image-card-3d-edge{border-radius:2px;transform:translate(8px,8px)translateZ(-12px)}.home-template .image-card-3d-face{-webkit-backdrop-filter:blur(14px);transform-style:preserve-3d;background:#282c33eb;border:1px solid #abb2bf59;border-radius:2px;transition:box-shadow .35s,border-color .35s;position:absolute;inset:0;transform:translateZ(18px);box-shadow:0 20px 40px #00000059,0 0 0 1px #c084fc14}.home-template .image-card-3d:hover .image-card-3d-face{border-color:#c084fc73;box-shadow:0 32px 60px #00000080,0 0 0 1px #c084fc59,0 0 40px #a855f71a}@media (max-width:768px){.home-template .scroll-line{display:none}}