*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--bg-color:#050505;--card-bg:#0f0f0f;--text-main:#fff;--text-muted:#888;--glass-border:#ffffff26;--glass-bg:#0f0f0fbf;--glass-highlight:#ffffff1a;--glass-shadow:0 8px 32px 0 #000000b3}html{scroll-behavior:smooth;scrollbar-width:none}body::-webkit-scrollbar{display:none}body{background:var(--bg-color);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;line-height:1.6;overflow-x:hidden}.animated-background{z-index:-1;background:radial-gradient(circle,#1a1a1a 0%,#000 100%);width:100%;height:100%;position:fixed;top:0;left:0}.floating-shapes{width:100%;height:100%;position:absolute;overflow:hidden}.shape{background:#ffffff05;border-radius:50%;animation:20s linear infinite floatUp;position:absolute;bottom:-150px}.shape-1{width:100px;height:100px;animation-duration:15s;left:10%}.shape-2{width:150px;height:150px;animation-duration:25s;animation-delay:2s;left:30%}.shape-3{width:80px;height:80px;animation-duration:18s;animation-delay:5s;left:70%}.shape-4{width:120px;height:120px;animation-duration:22s;animation-delay:1s;left:90%}@keyframes floatUp{0%{opacity:0;transform:translateY(0)rotate(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-120vh)rotate(360deg)}}.navbar{z-index:1000;pointer-events:none;justify-content:center;width:100%;padding:0 20px;animation:1s cubic-bezier(.16,1,.3,1) forwards slideDown;display:flex;position:fixed;top:30px;left:0}@media (min-width:768px){.navbar{padding-right:60px;justify-content:flex-end!important}}.nav-wrapper{pointer-events:auto;align-items:center;gap:15px;display:flex}.nav-logo-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);width:50px;height:50px;box-shadow:var(--glass-shadow);border-radius:50%;justify-content:center;align-items:center;transition:transform .3s;display:flex}.nav-logo-glass:hover{background:#1e1e1ecc;transform:scale(1.05)}.nav-avatar{object-fit:cover;border:1px solid #fff3;border-radius:50%;width:32px;height:32px}.nav-pill-glass{-webkit-backdrop-filter:blur(25px)saturate(200%);border:1px solid var(--glass-border);background:#0a0a0aa6;border-radius:100px;padding:5px;display:flex;position:relative;box-shadow:0 10px 40px #0009}.nav-liquid-indicator{z-index:1;background:linear-gradient(#ffffff1f 0%,#ffffff08 100%);border:1px solid #ffffff0d;border-radius:100px;transition:all .5s cubic-bezier(.23,1,.32,1);position:absolute;top:5px;bottom:5px;box-shadow:0 4px 15px #0003}.nav-item{z-index:2;color:#fff9;border-radius:100px;flex-direction:column;justify-content:center;align-items:center;padding:12px 28px;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s;display:flex;position:relative}.nav-item.active{color:#fff;text-shadow:0 0 12px #fff6}.nav-item:hover:not(.active){color:#fff}.container{z-index:1;max-width:1100px;margin:0 auto;padding:0 24px;position:relative}.content-section{flex-direction:column;justify-content:center;min-height:100vh;padding:120px 0;display:flex}.hero-section{text-align:center}.hero-avatar-container{opacity:0;margin-bottom:40px;animation:.8s .2s forwards fadeScale;display:inline-block}.hero-avatar{border:4px solid var(--card-bg);width:140px;height:140px;box-shadow:0 0 0 2px var(--glass-border);object-fit:cover;border-radius:50%;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.hero-avatar:hover{transform:scale(1.1)rotate(-5deg)}.main-title{letter-spacing:-2px;opacity:0;background:linear-gradient(#fff,#666);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-size:4.5rem;font-weight:800;animation:.8s .4s forwards slideUp}.subtitle{color:var(--text-muted);opacity:0;max-width:500px;margin:0 auto 48px;font-size:1.25rem;animation:.8s .6s forwards slideUp}.contact-btn{color:#000;opacity:0;background:#fff;border-radius:100px;padding:16px 36px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;animation:.8s .8s forwards slideUp;display:inline-block;box-shadow:0 0 20px #ffffff1a}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 0 40px #ffffff4d}.section-title{letter-spacing:-1px;margin-bottom:60px;font-size:2.5rem;font-weight:700}.work-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.work-item{background:var(--card-bg);border:1px solid var(--glass-border);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;opacity:0;border-radius:24px;text-decoration:none;transition:all .4s cubic-bezier(.25,.8,.25,1);display:block;overflow:hidden;transform:translateY(40px)}.work-item.visible{opacity:1;transform:translateY(0)}.work-item:hover{border-color:#fff3;transform:translateY(-10px)scale(1.02);box-shadow:0 20px 40px #00000080}.work-item img{object-fit:cover;filter:grayscale();border-bottom:1px solid var(--glass-border);width:100%;height:240px;transition:filter .4s}.work-item:hover img{filter:grayscale(0%)}.work-info{padding:24px}.work-info h3{margin-bottom:8px;font-size:1.2rem}.work-info p{color:var(--text-muted);font-size:.9rem}.work-item.long-item{text-align:center;background:linear-gradient(135deg,#151515,#0a0a0a);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:240px;display:flex}.long-item .work-info{padding:40px}.long-item h3{margin-bottom:12px;font-size:2rem}.long-item p{font-size:1.1rem}.work-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(18px);background:#000000bd;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.work-modal{border:1px solid var(--glass-border);background:#0c0c0cf0;border-radius:32px;width:min(760px,100%);max-height:84vh;position:relative;overflow:hidden;box-shadow:0 30px 90px #000000bf}.work-modal-content{text-align:center;scrollbar-width:thin;max-height:84vh;padding:52px 46px 46px;overflow-y:auto}.work-modal-close{z-index:2;border:1px solid var(--glass-border);color:#fff;cursor:pointer;background:#ffffff14;border-radius:50%;width:38px;height:38px;font-size:1.6rem;line-height:1;position:absolute;top:18px;right:18px}.work-modal-kicker{border:1px solid var(--glass-border);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;border-radius:999px;margin-bottom:14px;padding:6px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.work-modal h3{letter-spacing:-1.5px;background:linear-gradient(#fff,#777);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:clamp(2rem,5vw,3.2rem);line-height:1}.work-modal-tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:22px;display:flex}.work-modal-tags span{color:#ffffffc7;background:#ffffff14;border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:600}.work-modal-text{max-width:620px;color:var(--text-muted);margin:0 auto;font-size:1rem}.work-modal-text p+p{margin-top:14px}.work-modal-gallery{flex-direction:column;gap:20px;width:100%;max-width:620px;margin:30px auto 0;display:flex}.work-modal-image{object-fit:cover;border:1px solid var(--glass-border);border-radius:24px;width:100%;max-height:430px;display:block}.work-modal-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.work-modal-actions a{color:#000;background:#fff;border-radius:999px;padding:12px 20px;font-weight:700;text-decoration:none}.bot-detail-shell{opacity:0;width:min(820px,100%);margin:0 auto;animation:.45s forwards slideUp}.bot-detail-back{border:1px solid var(--glass-border);color:#ffffffd1;font:inherit;cursor:pointer;background:#ffffff0f;border-radius:999px;margin-bottom:18px;padding:10px 16px;font-size:.9rem;font-weight:700}.bot-detail-panel-wrap{border-radius:32px;position:relative}.bot-detail-panel-wrap:before,.bot-detail-panel-wrap:after{content:"";z-index:2;pointer-events:none;height:54px;position:absolute;left:1px;right:1px}.bot-detail-panel-wrap:before{background:linear-gradient(#0c0c0cfa,#0c0c0c00);border-radius:32px 32px 0 0;top:1px}.bot-detail-panel-wrap:after{background:linear-gradient(#0c0c0c00,#0c0c0cfa);border-radius:0 0 32px 32px;bottom:1px}.bot-detail-panel{overscroll-behavior:contain;scroll-behavior:smooth;text-align:center;border:1px solid var(--glass-border);scrollbar-width:none;-ms-overflow-style:none;background:#0c0c0cf0;border-radius:32px;max-height:min(72vh,680px);padding:56px 58px 52px;overflow-y:auto;box-shadow:inset 0 1px #ffffff14,0 30px 90px #0000008c}.bot-detail-panel::-webkit-scrollbar{width:0;height:0;display:none}.bot-detail-scrollbar{z-index:4;pointer-events:none;background:#ffffff0e;border-radius:999px;width:7px;position:absolute;top:34px;bottom:34px;right:18px;box-shadow:inset 0 0 0 1px #ffffff0b,0 0 18px #00000059}.bot-detail-scrollbar-thumb{background:linear-gradient(#fff,#ffffff5c);border-radius:999px;min-height:54px;transition:top 60ms linear,height .16s;position:absolute;left:0;right:0;box-shadow:0 0 14px #ffffff47,0 0 30px #ffffff1f}.bot-detail-kicker{border:1px solid var(--glass-border);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;border-radius:999px;margin-bottom:14px;padding:6px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.bot-detail-panel h3{letter-spacing:-1.5px;background:linear-gradient(#fff,#777);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:clamp(2rem,5vw,3.2rem);line-height:1}.bot-detail-tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:22px;display:flex}.bot-detail-tags span{color:#ffffffc7;background:#ffffff14;border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:600}.bot-detail-text{max-width:640px;color:var(--text-muted);margin:0 auto;font-size:1rem}.bot-detail-text p+p{margin-top:14px}.bot-detail-link{color:#fff;text-underline-offset:3px;word-break:break-word;font-weight:700;-webkit-text-decoration:underline #ffffff73;text-decoration:underline #ffffff73}.bot-detail-link:hover{text-shadow:0 0 14px #ffffff59;text-decoration-color:#fff}.bot-detail-gallery{flex-direction:column;gap:20px;width:100%;max-width:640px;margin:30px auto 0;display:flex}.bot-detail-image-frame{border:1px solid var(--glass-border);width:100%;min-height:280px;color:inherit;cursor:zoom-in;background:linear-gradient(110deg,#ffffff09 8%,#ffffff16 18%,#ffffff09 33%) 0 0/220% 100%,linear-gradient(135deg,#ffffff0f,#ffffff04) 0 0/100% 100%;border-radius:24px;padding:0;animation:1.25s linear infinite botImageSkeleton;display:block;position:relative;overflow:hidden}.bot-detail-image-frame:focus-visible{outline-offset:4px;outline:2px solid #ffffffbf}.bot-detail-image-frame:disabled{cursor:default}.bot-detail-image-frame.loaded{background:#ffffff05;min-height:0;animation:none}.bot-image-loader{z-index:1;background:radial-gradient(circle,#ffffff17,#00000057);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.bot-image-loader span{filter:drop-shadow(0 0 12px #ffffff52);border:3px solid #fff;border-color:#fff #ffffffb8 #ffffff29 #ffffff29;border-radius:50%;width:46px;height:46px;animation:.75s linear infinite botImageSpin}.bot-image-loader small{color:#ffffffad;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.bot-detail-image{object-fit:cover;opacity:0;width:100%;max-height:430px;transition:opacity .35s,transform .35s;display:block;transform:scale(1.015)}.bot-detail-image-frame.loaded .bot-detail-image{opacity:1;transform:scale(1)}.bot-detail-image-frame.loaded:hover .bot-detail-image{transform:scale(1.025)}.bot-detail-image-frame.failed .bot-detail-image{display:none}.bot-image-failed{color:#ffffff9e;justify-content:center;align-items:center;min-height:220px;font-size:.9rem;display:flex}@keyframes botImageSpin{to{transform:rotate(360deg)}}@keyframes botImageSkeleton{0%{background-position:120% 0,0 0}to{background-position:-120% 0,0 0}}.bot-detail-empty{color:var(--text-muted);margin-top:26px;font-size:.95rem}.bot-detail-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.bot-detail-actions a{color:#000;background:#fff;border-radius:999px;padding:12px 20px;font-weight:700;text-decoration:none}.image-lightbox{z-index:3000;-webkit-backdrop-filter:blur(18px);cursor:zoom-out;background:#000000e0;justify-content:center;align-items:center;padding:28px;animation:.18s forwards fadeScale;display:flex;position:fixed;inset:0}.image-lightbox img{object-fit:contain;cursor:default;border:1px solid #ffffff2e;border-radius:20px;max-width:94vw;max-height:90vh;display:block;box-shadow:0 28px 90px #000000bf}.image-lightbox-close{z-index:2;color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;width:44px;height:44px;font-size:1.8rem;line-height:1;position:fixed;top:110px;right:34px}.image-lightbox-close:hover{background:#ffffff29}.contact-wrapper{background:var(--card-bg);border:1px solid var(--glass-border);opacity:0;border-radius:32px;grid-template-columns:1fr 1fr;gap:60px;padding:60px;transition:all .6s;display:grid;transform:translateY(40px)}.contact-wrapper.visible{opacity:1;transform:translateY(0)}.contact-details h3{margin-bottom:32px;font-size:1.8rem}.detail-row{flex-direction:column;margin-bottom:24px;display:flex}.label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:8px;font-size:.8rem}.value{font-size:1.1rem;font-weight:500}.contact-action{border-left:1px solid var(--glass-border);flex-direction:column;justify-content:center;align-items:flex-start;padding-left:60px;display:flex}.cta-text{margin-bottom:32px;font-size:2rem;font-weight:700;line-height:1.2}.footer{text-align:center;color:var(--text-muted);opacity:.5;padding:40px 0;font-size:.9rem}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.nav-wrapper{gap:8px}.nav-item{padding:12px 20px;font-size:.85rem}.main-title{font-size:3rem}.contact-wrapper{grid-template-columns:1fr;gap:40px;padding:30px}.contact-action{text-align:center;border-left:none;align-items:center;padding-left:0}.work-item.long-item{grid-column:auto}.work-modal-overlay{align-items:flex-end;padding:14px}.work-modal{border-radius:26px 26px 0 0;max-height:88vh}.work-modal-content{max-height:88vh;padding:48px 24px 34px}.bot-detail-panel-wrap{border-radius:26px}.bot-detail-panel-wrap:before{border-radius:26px 26px 0 0}.bot-detail-panel-wrap:after{border-radius:0 0 26px 26px}.bot-detail-panel{border-radius:26px;max-height:70vh;padding:42px 34px 36px 24px}.bot-detail-scrollbar{width:6px;top:28px;bottom:28px;right:12px}.bot-detail-image-frame{min-height:220px}.image-lightbox-close{top:96px;right:18px}}.status-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-color:var(--status-color);background:#0f0f0fcc;border-radius:100px;justify-content:center;align-items:center;gap:8px;margin-top:15px;padding:6px 14px;display:flex;box-shadow:0 4px 15px #0000004d}.status-dot{background-color:var(--status-color);width:8px;height:8px;box-shadow:0 0 10px var(--status-color);border-radius:50%;animation:2s infinite pulseStatus}.status-indicator span{color:#fff;letter-spacing:.5px;font-size:.85rem;font-weight:600}@keyframes pulseStatus{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.hero-avatar-container{flex-direction:column;align-items:center;display:flex}.works-tabs-container{opacity:0;justify-content:center;margin-bottom:40px;animation:.8s .2s forwards slideUp;display:flex}.works-tabs-pill{-webkit-backdrop-filter:blur(25px)saturate(200%);border:1px solid var(--glass-border);background:#0a0a0aa6;border-radius:100px;width:fit-content;margin:0 auto;padding:5px;display:flex;position:relative;box-shadow:0 10px 40px #0009}.works-liquid-indicator{z-index:1;background:linear-gradient(#ffffff1f 0%,#ffffff08 100%);border:1px solid #ffffff0d;border-radius:100px;transition:all .5s cubic-bezier(.23,1,.32,1);position:absolute;top:5px;bottom:5px;left:5px;box-shadow:0 4px 15px #0003;width:calc(50% - 5px)!important}.works-tab{z-index:2;color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:100px;min-width:130px;padding:12px 28px;font-size:.9rem;font-weight:600;transition:color .3s;position:relative}.works-tab.active{color:#fff;text-shadow:0 0 12px #fff6}.works-tab:hover:not(.active){color:#fff}.soon-container{grid-column:1/-1;justify-content:center;align-items:center;min-height:300px;display:flex}.soon-text{letter-spacing:-2px;background:linear-gradient(#fff,#666);-webkit-text-fill-color:transparent;opacity:0;-webkit-background-clip:text;font-size:5rem;font-weight:800;transition:all .8s;transform:translateY(40px)}.soon-text.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.soon-text{font-size:3.5rem}}