*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}:root{--bg-color:#080808;--text-color:#f5f5f7;--text-muted:#8e8e93;--accent-color:#ff3a00;--grid-line-color:#ff3a001f;--grid-ruler-color:#ff3a0040;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"DM Mono", monospace;--header-height:70px}html,body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-sans);cursor:none;width:100vw;height:100vh;overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:2px}.custom-cursor{background-color:var(--accent-color);pointer-events:none;z-index:9999;border-radius:50%;width:10px;height:10px;transition:transform .1s ease-out;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.custom-cursor__ring{border:1px solid var(--accent-color);opacity:.5;border-radius:50%;width:40px;height:40px;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s;position:absolute;top:-15px;left:-15px}.custom-cursor__label{color:var(--bg-color);font-family:var(--font-mono);pointer-events:none;z-index:10000;font-size:10px;font-weight:700;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.custom-cursor.hovering .custom-cursor__ring{border-color:var(--accent-color);opacity:1;background-color:#ff3e001a;transform:scale(1.6)}.custom-cursor.viewing .custom-cursor__ring{background-color:var(--accent-color);opacity:1;border:none;transform:scale(2.2)}.custom-cursor.viewing .custom-cursor__label{transform:translate(-50%,-50%)scale(1)}.preloader{z-index:99999;background-color:#050507;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity 1s cubic-bezier(.76,0,.24,1),visibility 1s;display:flex;position:fixed;top:0;left:0;overflow:hidden}.preloader.fade-out{opacity:0;visibility:hidden}.preloader__glow{pointer-events:none;filter:blur(40px);background:radial-gradient(circle,#ff3a0014 0%,#0000 70%);width:500px;height:500px;animation:4s ease-in-out infinite pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-glow{0%,to{opacity:.8;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}.preloader__inner{z-index:2;flex-direction:column;width:100%;max-width:460px;padding:20px;display:flex}.preloader__logo{font-family:var(--font-sans);letter-spacing:.3em;color:var(--text-color);text-align:center;opacity:.8;margin-bottom:25px;font-size:14px;font-weight:900}.preloader__logo .dot{color:var(--accent-color)}.preloader__center{justify-content:center;align-items:center;height:120px;display:flex}.preloader__percentage{font-family:var(--font-mono);color:var(--text-color);letter-spacing:-.05em;text-shadow:0 0 35px #ff3a004d;text-align:center;font-size:110px;font-weight:300;line-height:1;display:inline-block}.preloader__progress{background-color:#ffffff0a;border-radius:1px;width:100%;height:2px;margin:30px 0 15px;overflow:hidden}.preloader__bar{background-color:var(--accent-color);width:0%;height:100%;box-shadow:0 0 12px var(--accent-color);transition:width .1s cubic-bezier(.1,.8,.2,1)}.preloader__meta{font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.preloader__subtitle{letter-spacing:.1em;text-transform:uppercase}.preloader__status{color:var(--accent-color);letter-spacing:.05em;text-align:right;white-space:nowrap;text-overflow:ellipsis;max-width:60%;font-weight:500;overflow:hidden}.header{width:calc(100% - 60px);height:var(--header-height);z-index:100;border-bottom:1px solid #ffffff08;position:fixed;top:0;left:60px}.header__inner{justify-content:space-between;align-items:center;height:100%;padding:0 40px;display:flex}.logo__link{letter-spacing:.05em;color:var(--text-color);font-size:24px;font-weight:900;font-family:var(--font-sans);text-decoration:none}.logo__link .dot{color:var(--accent-color)}.navigation{gap:30px;display:flex}.nav-link{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.05em;cursor:none;background:0 0;border:none;padding:8px 0;font-size:12px;font-weight:400;transition:color .3s;position:relative}.nav-link:after{content:"";background-color:var(--accent-color);transform-origin:100%;width:100%;height:1px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-link.active,.nav-link:hover{color:var(--text-color)}.nav-link.active:after{transform-origin:0;transform:scaleX(1)}.header-actions{align-items:center;gap:25px;display:flex}.btn-grid{color:var(--text-color);font-family:var(--font-mono);cursor:none;background:0 0;border:1px solid #ffffff26;border-radius:4px;padding:8px 16px;font-size:11px;transition:all .3s}.btn-grid:hover,.btn-grid.active{border-color:var(--accent-color);color:var(--accent-color);background-color:#ff3e000d}.availability{font-family:var(--font-mono);color:var(--text-muted);cursor:none;border:1px solid #ffffff14;border-radius:4px;align-items:center;gap:8px;padding:8px 16px;font-size:11px;transition:border-color .3s,color .3s;display:flex;position:relative}.availability:hover{border-color:var(--accent-color);color:var(--text-color)}.availability__square{background-color:var(--accent-color);width:6px;height:6px;animation:2s ease-in-out infinite blink;display:inline-block}.availability__tooltip{background-color:var(--accent-color);color:var(--bg-color);font-family:var(--font-mono);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;border-radius:2px;padding:4px 8px;font-size:10px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-35px;right:0;transform:translateY(-5px)}.availability:hover .availability__tooltip{opacity:1;visibility:visible;transform:translateY(0)}.availability.copied .availability__tooltip{color:#000;background-color:#00e676}.bg-lettering{width:100vw;color:var(--accent-color);opacity:.15;pointer-events:none;font-size:65vh;font-weight:900;line-height:.8;font-family:var(--font-sans);z-index:1;text-shadow:-1px -1px #ff3e004d,1px -1px #ff3e004d,-1px 1px #ff3e004d,1px 1px #ff3e004d;letter-spacing:-.05em;will-change:transform;position:fixed;bottom:-10vh;left:0}#app{padding-top:var(--header-height);width:calc(100vw - 60px);height:100vh;margin-left:60px;position:relative}.section-view{top:var(--header-height);width:100%;height:calc(100vh - var(--header-height) - 160px);opacity:0;visibility:hidden;z-index:2;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),visibility .8s;position:absolute;left:0;overflow:hidden;transform:scale(.98)}.section-view.active{opacity:1;visibility:visible;z-index:5;transform:scale(1)}.works-layout{width:100%;height:100%;display:flex}.works-sidebar{z-index:10;border-right:1px solid #ffffff08;flex-direction:column;justify-content:space-between;width:25%;height:100%;padding:40px;display:flex}.dimension-label{font-family:var(--font-mono);color:var(--text-muted);font-size:13px}.dev-info{flex-direction:column;gap:30px;display:flex}.dev-info__meta{flex-direction:column;display:flex}.dev-info__meta .label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.1em;margin-bottom:6px;font-size:11px}.dev-info__meta .value{color:var(--text-color);font-size:24px;font-weight:700}.dev-info__meta .value-sub{font-family:var(--font-mono);color:var(--accent-color);margin-top:2px;font-size:12px}.canvas-container{z-index:10;justify-content:center;align-items:center;width:50%;height:100%;display:flex;position:relative}#cube-canvas{outline:none;width:100%;height:100%}.canvas-instruction{font-family:var(--font-mono);color:var(--text-muted);opacity:.55;letter-spacing:.08em;text-align:center;pointer-events:none;width:100%;font-size:8px;position:absolute;bottom:12px}.works-list-container{z-index:10;border-left:1px solid #ffffff08;width:25%;height:100%;position:relative}.works-marquee-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.works-marquee{flex-direction:column;width:100%;padding:40px 0;animation:45s linear infinite marquee-scroll;display:flex}.works-marquee:hover{animation-play-state:paused}.works-marquee__list{flex-direction:column;gap:15px;padding:0 20px;list-style:none;display:flex}.marquee-item{width:100%}.marquee-link{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;cursor:none;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s,transform .3s cubic-bezier(.16,1,.3,1);display:block}.marquee-link:hover{transform:translate(10px)}.works-marquee__list li:nth-child(6n+1){--code-comp-color:#0f6;--code-attr-color:#00e5ff;--code-str-color:#ff007f}.works-marquee__list li:nth-child(6n+2){--code-comp-color:#ffb300;--code-attr-color:#d500f9;--code-str-color:#00e676}.works-marquee__list li:nth-child(6n+3){--code-comp-color:#ff5d00;--code-attr-color:#ffd600;--code-str-color:#2979ff}.works-marquee__list li:nth-child(6n+4){--code-comp-color:#fff;--code-attr-color:#0f6;--code-str-color:#ff1744}.works-marquee__list li:nth-child(6n+5){--code-comp-color:#7c4dff;--code-attr-color:#00e5ff;--code-str-color:#ffeb3b}.works-marquee__list li:nth-child(6n+6){--code-comp-color:#ff1744;--code-attr-color:#ffd600;--code-str-color:#0f6}.marquee-link .code-component{color:var(--text-muted);transition:color .3s}.marquee-link .code-attr,.marquee-link .code-string{color:#ffffff40;transition:color .3s}.marquee-link .code-punct{color:#ffffff26;transition:color .3s}.marquee-link:hover .code-component,.marquee-item.active .marquee-link .code-component{color:var(--code-comp-color)}.marquee-link:hover .code-attr,.marquee-item.active .marquee-link .code-attr{color:var(--code-attr-color)}.marquee-link:hover .code-string,.marquee-item.active .marquee-link .code-string{color:var(--code-str-color)}.marquee-link:hover .code-punct,.marquee-item.active .marquee-link .code-punct{color:#fff}#section-archive{overflow-y:auto}.archive-container{max-width:1200px;margin:0 auto;padding:80px 40px}.archive-title{letter-spacing:-.02em;border-bottom:2px solid var(--accent-color);margin-bottom:40px;padding-bottom:20px;font-size:54px;font-weight:900}.archive-table-wrapper{width:100%}.archive-table{border-collapse:collapse;text-align:left;width:100%}.archive-table th{font-family:var(--font-mono);color:var(--text-muted);border-bottom:1px solid #ffffff1a;padding:15px 0;font-size:12px;font-weight:400}.archive-row{border-bottom:1px solid #ffffff0d;transition:background-color .3s}.archive-row:hover{background-color:#ff3e0005}.archive-row td{padding:25px 0;font-size:15px}.archive-row td:first-child{font-family:var(--font-mono);color:var(--text-muted);width:10%}.archive-row .project-name{color:var(--text-color);font-size:18px;font-weight:700}.archive-row td:nth-child(3){color:var(--text-muted)}.archive-row td:nth-child(4){font-family:var(--font-mono);color:var(--accent-color);font-size:13px}.archive-link{color:var(--text-color);font-family:var(--font-mono);cursor:none;font-size:13px;text-decoration:none;transition:color .3s}.archive-link:hover{color:var(--accent-color)}#section-about{overflow-y:auto}.about-container{max-width:1200px;margin:0 auto;padding:80px 40px}.about-grid{grid-template-columns:1.2fr 1.8fr;gap:80px;display:grid}.about-image-wrapper{border:1px solid #ffffff14;border-radius:4px;width:100%;position:relative;overflow:hidden}.about-portrait-img{filter:grayscale();width:100%;height:auto;transition:filter .5s,transform .5s;display:block}.about-image-wrapper:hover .about-portrait-img{filter:grayscale(0);transform:scale(1.03)}.about-image-overlay{background-color:var(--accent-color);color:var(--bg-color);font-family:var(--font-mono);border-radius:2px;padding:6px 12px;font-size:11px;font-weight:700;position:absolute;bottom:20px;left:20px}.about-text-column{flex-direction:column;gap:35px;display:flex}.about-header .subtitle{font-family:var(--font-mono);color:var(--accent-color);letter-spacing:.1em;font-size:12px}.about-title{margin-top:5px;font-size:54px;font-weight:900;line-height:1}.about-header .tagline{color:var(--text-muted);margin-top:10px;font-size:18px}.about-bio{color:var(--text-color);flex-direction:column;gap:15px;font-size:16px;line-height:1.6;display:flex}.about-details{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;grid-template-columns:1fr 1fr;gap:40px;padding:30px 0;display:grid}.details-title{font-family:var(--font-mono);color:var(--accent-color);letter-spacing:.05em;margin-bottom:15px;font-size:12px}.details-list{flex-direction:column;gap:8px;list-style:none;display:flex}.details-list li{color:var(--text-muted);font-size:14px}.contact-email{color:var(--text-color);cursor:none;margin-top:10px;font-size:32px;font-weight:700;text-decoration:none;transition:color .3s;display:inline-block}.contact-email:hover{color:var(--accent-color)}.contact-phones{flex-wrap:wrap;align-items:center;gap:10px;margin-top:15px;display:flex}.contact-phone{color:var(--text-color);font-size:16px;font-family:var(--font-mono);cursor:none;text-decoration:none;transition:color .3s}.contact-phone:hover{color:var(--accent-color)}.contact-divider{color:var(--text-muted);font-family:var(--font-mono)}.project-mobile-details{display:none}#section-admin{justify-content:center;align-items:center;padding:60px 40px;display:flex;overflow-y:auto}.admin-container{justify-content:center;align-items:center;width:100%;max-width:1100px;display:flex}.admin-card{background-color:#0b0b0d;border:1px solid #ffffff0f;border-radius:6px;width:100%;padding:40px;display:none}.admin-card.active{display:block}.login-card{border-top:3px solid var(--accent-color);max-width:440px;box-shadow:0 20px 50px #00000080}.admin-card__title{letter-spacing:.05em;color:var(--text-color);font-size:26px;font-weight:900}.admin-card__subtitle{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;margin-bottom:30px;font-size:11px}.admin-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{font-family:var(--font-mono);color:var(--accent-color);letter-spacing:.1em;font-size:10px;font-weight:500}.admin-form input[type=text],.admin-form input[type=password],.admin-form input[type=file]{color:var(--text-color);font-size:14px;font-family:var(--font-sans);cursor:none;background-color:#121215;border:1px solid #ffffff14;border-radius:4px;outline:none;padding:12px;transition:border-color .3s}.admin-form input[type=text]:focus,.admin-form input[type=password]:focus{border-color:var(--accent-color)}.form-row-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.color-picker-wrapper{background-color:#121215;border:1px solid #ffffff14;border-radius:4px;align-items:center;gap:10px;padding:4px 10px;display:flex}.color-picker-wrapper input[type=color]{cursor:none;background:0 0;border:none;outline:none;width:32px;height:32px}.color-picker-wrapper input[type=text]{background:0 0;border:none;width:100%;padding:0}.file-help-text{font-family:var(--font-mono);color:var(--text-muted);font-size:10px}.form-error{color:#f33;font-family:var(--font-mono);background-color:#ff33330a;border:1px solid #f333;border-radius:4px;padding:10px;font-size:12px;display:none}.form-success{color:#00e676;font-family:var(--font-mono);background-color:#00e6760a;border:1px solid #00e67633;border-radius:4px;padding:10px;font-size:12px;display:none}.btn-admin-submit{background-color:var(--accent-color);color:#000;font-weight:700;font-family:var(--font-mono);cursor:none;border:none;border-radius:4px;padding:14px;font-size:12px;transition:background-color .3s,transform .2s}.btn-admin-submit:hover{background-color:#f50;transform:translateY(-1px)}.btn-admin-secondary{color:var(--text-color);font-family:var(--font-mono);cursor:none;background:0 0;border:1px solid #ffffff26;border-radius:4px;padding:8px 16px;font-size:11px;transition:all .3s}.btn-admin-secondary:hover{color:#f33;background-color:#ff33330d;border-color:#f33}.dashboard-card{max-width:100%}.dashboard-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding-bottom:20px;display:flex}.dashboard-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:50px;display:grid}.column-title{letter-spacing:.05em;border-left:2px solid var(--accent-color);margin-bottom:20px;padding-left:10px;font-size:18px;font-weight:800}.dashboard-column{width:100%}.form-actions{gap:15px;display:flex}.btn-admin-secondary.hidden,.form-actions .hidden{display:none}.admin-table-wrapper{border:1px solid #ffffff0d;border-radius:4px;max-height:500px;overflow-y:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th{font-family:var(--font-mono);color:var(--text-muted);background-color:#121215;border-bottom:1px solid #ffffff14;padding:12px;font-size:10px;font-weight:400;position:sticky;top:0}.admin-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:14px 12px;font-size:13px}.admin-table tr:hover td{background-color:#ff3e0005}.table-actions{gap:10px;display:flex}.btn-table-edit{color:var(--text-color);font-family:var(--font-mono);cursor:none;background:0 0;border:1px solid #ffffff26;border-radius:2px;padding:4px 8px;font-size:10px;transition:all .3s}.btn-table-edit:hover{border-color:var(--accent-color);color:var(--accent-color)}.btn-table-delete{color:#f33;font-family:var(--font-mono);cursor:none;background:0 0;border:1px solid #ff333326;border-radius:2px;padding:4px 8px;font-size:10px;transition:all .3s}.btn-table-delete:hover{background-color:#ff333314;border-color:#f33}.grid-helper{z-index:90;pointer-events:none;opacity:0;visibility:hidden;grid-template-columns:repeat(12,1fr);gap:20px;width:calc(100vw - 60px);height:calc(100vh - 160px);padding:0 40px;transition:opacity .4s,visibility .4s;display:grid;position:fixed;top:0;left:60px}.grid-helper.active{opacity:1;visibility:visible}.grid-line{border-left:1px solid var(--grid-line-color);border-right:1px solid var(--grid-line-color);background-color:#ff3e0001;height:100%}.grid-coordinate{font-family:var(--font-mono);color:var(--accent-color);background-color:var(--bg-color);border:1px solid var(--accent-color);border-radius:2px;padding:2px 6px;font-size:9px;position:absolute}.grid-coordinate.top-left{top:15px;left:15px}.grid-coordinate.bottom-right{bottom:15px;right:15px}.grid-ruler-h{border-bottom:1px solid var(--grid-ruler-color);background-image:repeating-linear-gradient(90deg, var(--grid-ruler-color), var(--grid-ruler-color) 1px, transparent 1px, transparent 10px);width:100%;height:15px;position:absolute;top:0;left:0}.grid-ruler-v{border-right:1px solid var(--grid-ruler-color);background-image:repeating-linear-gradient(0deg, var(--grid-ruler-color), var(--grid-ruler-color) 1px, transparent 1px, transparent 10px);width:15px;height:100%;position:absolute;top:0;left:0}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes marquee-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@media (width<=1024px){.works-layout{flex-direction:column;overflow-y:auto}.works-sidebar,.canvas-container,.works-list-container{border:none;width:100%;height:auto}.works-sidebar{padding:15px 20px 5px}.works-sidebar .dev-info{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:15px;margin-top:10px}.works-sidebar .dev-info__meta{width:48%}.works-sidebar .dev-info__meta .value{font-size:18px}.works-sidebar .dev-info__meta:last-child .value{font-size:13px}.works-sidebar .dimension-label{font-size:11px}.canvas-container{height:430px}.canvas-instruction{display:none!important}.works-list-container{padding:60px 0 10px}.marquee-link{font-size:11px!important}.about-grid{grid-template-columns:1fr;gap:40px}.bg-lettering{font-size:40vw}.grid-helper{grid-template-columns:repeat(6,1fr)}.dashboard-grid{grid-template-columns:1fr;gap:40px}#section-works,.works-layout,.canvas-container{overflow:visible}.project-overlay{align-items:flex-start;padding:10px 0 30px;overflow-y:auto}.project-overlay__container.request-modal-container{gap:16px;width:100%;max-width:100%;max-height:none;margin-top:0;padding:55px 16px 20px;overflow-y:visible}.project-overlay__left{padding-bottom:12px}.project-overlay__left p{word-break:break-word;overflow-wrap:break-word;white-space:normal;font-size:11px!important;line-height:1.5!important}.project-overlay__main-title{font-size:26px!important}.form-row-2{grid-template-columns:1fr;gap:12px}.request-form-card{max-height:none;box-shadow:none;background:0 0;border:none;padding:12px 0}.domain-pricing-grid{grid-template-columns:1fr!important}.admin-form .form-group{margin-bottom:12px}}.left-sidebar{background-color:var(--accent-color);z-index:150;flex-direction:column;justify-content:flex-start;align-items:center;width:60px;height:100vh;padding-top:25px;display:flex;position:fixed;top:0;left:0}.hamburger-btn{cursor:none;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:10px;transition:opacity .3s;display:flex}.hamburger-btn:hover{opacity:.8}.hamburger-line{background-color:#fff;width:22px;height:2px;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s;display:block}.hamburger-btn.active .hamburger-line:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-btn.active .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.active .hamburger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.bottom-banner{background-color:var(--accent-color);z-index:100;border-top:1px solid #ffffff1a;justify-content:center;align-items:center;width:calc(100vw - 60px);height:160px;display:flex;position:fixed;bottom:0;left:60px;overflow:hidden}.bottom-banner__logo{background-color:#fff;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;bottom:15px;left:20px;box-shadow:0 4px 10px #00000026}.bottom-banner__logo .logo-letter{color:var(--accent-color);font-size:18px;font-weight:900;font-family:var(--font-sans)}.bottom-banner__text{color:#f5f5f7;font-size:140px;font-weight:900;font-family:var(--font-sans);letter-spacing:-.05em;text-transform:uppercase;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;margin-bottom:-15px;line-height:1;transform:scaleY(1.05)}@media (width<=1024px){.desktop-only{display:none!important}.project-mobile-details{font-family:var(--font-mono);color:var(--text-muted);flex-wrap:wrap;gap:6px;margin-top:5px;font-size:11px;font-weight:400;display:flex}.project-mobile-details .divider-dot{color:var(--accent-color)}.archive-row td{padding:15px 0}.archive-row .project-name{font-size:16px}.contact-email{font-size:24px}.contact-phone{font-size:14px}.left-sidebar{flex-direction:row;justify-content:space-between;width:100%;height:50px;padding:0 20px}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:140;opacity:0;pointer-events:none;background-color:#0b0b0dfa;border-bottom:none;width:100%;height:calc(100vh - 50px);transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .4s;top:50px;left:0;transform:translateY(-100%)}.header.menu-active{opacity:1;pointer-events:auto;transform:translateY(0)}.header__inner{box-sizing:border-box;flex-direction:column;justify-content:center;gap:40px;width:100%;height:100%;padding:40px 20px}.logo{margin-bottom:10px}.navigation{flex-direction:column;align-items:center;gap:25px}.nav-link{padding:10px 0;font-size:20px}.header-actions{flex-direction:column;align-items:center;gap:20px;width:100%}.header-actions .btn-grid{text-align:center;width:80%;max-width:300px}#app{width:100%;padding-top:calc(var(--header-height) + 50px);margin-left:0}.bottom-banner{width:100%;height:80px;left:0}.bottom-banner__text{font-size:70px}.section-view{height:calc(100vh - var(--header-height) - 130px)}.grid-helper{width:100%;height:calc(100vh - 130px);left:0}}.canvas-open-btn{background-color:var(--text-color);color:var(--bg-color);font-family:var(--font-mono);cursor:none;z-index:25;opacity:1;pointer-events:auto;letter-spacing:.05em;border:none;border-radius:30px;padding:15px 30px;font-size:11px;font-weight:700;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),background-color .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1);box-shadow:0 10px 40px #ff3a0066}.canvas-open-btn:hover{background-color:var(--accent-color);color:#fff;transform:translate(-50%,-50%)scale(1.08)}.canvas-open-btn.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-40%)scale(.9)}.project-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;opacity:1;pointer-events:auto;background-color:#080808fa;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .6s cubic-bezier(.16,1,.3,1),visibility .6s;display:flex;position:fixed;top:0;left:0}.project-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.project-overlay__close-btn{color:var(--text-muted);cursor:none;font-size:50px;font-weight:200;line-height:.5;transition:color .3s,transform .3s cubic-bezier(.16,1,.3,1);position:absolute;top:40px;right:40px}.project-overlay__close-btn:hover{color:var(--accent-color);transform:rotate(90deg)}.project-overlay__container{grid-template-columns:1fr 1.1fr;align-items:center;gap:60px;width:100%;max-width:1080px;height:auto;padding:0 40px;display:grid}.project-overlay__left{border-right:1px solid #ffffff14;flex-direction:column;justify-content:center;height:100%;padding-right:40px;display:flex}.project-overlay__subtitle{font-family:var(--font-mono);color:var(--accent-color);letter-spacing:.1em;margin-bottom:12px;font-size:11px}.project-overlay__main-title{letter-spacing:-.02em;margin-bottom:24px;font-size:52px;font-weight:900;line-height:1.1}.project-overlay__brand{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;font-size:11px}.project-overlay__right{justify-content:center;align-items:center;display:flex}.project-card-detail{background-color:#0d0d10;border:1px solid #ffffff0f;border-radius:6px;flex-direction:column;width:100%;max-width:440px;padding:30px;display:flex;position:relative;box-shadow:0 25px 60px #0009}.project-card-number{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:15px;font-size:13px;font-weight:500;display:block}.project-card-image-wrapper{border:1px solid #ffffff0d;border-radius:4px;width:100%;height:220px;margin-bottom:20px;overflow:hidden}.project-card-image-wrapper img{object-fit:cover;width:100%;height:100%}.project-card-title{color:var(--text-color);letter-spacing:.02em;margin-bottom:8px;font-size:22px;font-weight:800}.project-card-meta{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:12px;display:flex}.project-card-tech{font-family:var(--font-mono);color:var(--accent-color);letter-spacing:.05em;text-transform:uppercase;font-size:10px}.project-card-year{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.project-card-desc{color:var(--text-muted);margin-bottom:25px;font-size:13px;line-height:1.6}.project-card-discover-btn{background-color:var(--accent-color);color:#000;font-family:var(--font-mono);cursor:none;border-radius:4px;align-self:flex-start;padding:12px 24px;font-size:11px;font-weight:700;text-decoration:none;transition:background-color .3s,transform .2s;display:inline-block}.project-card-discover-btn:hover{background-color:#f50;transform:translateY(-1px)}@media (width<=768px){.project-overlay__close-btn{font-size:35px;top:15px;right:20px}.project-overlay__container{grid-template-columns:1fr;gap:20px;height:auto;max-height:82vh;margin-top:40px;padding:20px 15px;overflow-y:auto}.project-overlay__left{border-bottom:1px solid #ffffff14;border-right:none;height:auto;padding-bottom:15px;padding-right:0}.project-overlay__main-title{margin-bottom:5px;font-size:28px}.project-overlay__brand{display:none}.project-card-detail{box-shadow:none;padding:15px}.project-card-image-wrapper{height:160px}.request-form-card{background:0 0;border:none;max-height:none;padding:15px 0}.domain-pricing-grid{gap:8px;grid-template-columns:1fr!important}}.modal-back-bar{display:none}@media (width<=768px){.modal-back-bar{z-index:10;background-color:#080808fa;border-bottom:1px solid #ffffff0f;align-items:center;width:100%;padding:12px 16px;display:flex;position:sticky;top:0;left:0}.modal-back-btn{color:var(--text-color);font-family:var(--font-mono);letter-spacing:.05em;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:4px;align-items:center;gap:6px;padding:7px 16px;font-size:12px;transition:background .2s,color .2s;display:flex}.modal-back-btn:hover,.modal-back-btn:active{color:var(--accent-color);border-color:var(--accent-color);background-color:#ffffff12}}.btn-request-close-bottom{display:none}@media (width<=768px){.btn-request-close-bottom{width:100%;color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;letter-spacing:.05em;background:0 0;border:1px solid #ffffff1a;border-radius:4px;margin-top:10px;padding:10px;font-size:12px;transition:color .2s,border-color .2s;display:block}.btn-request-close-bottom:hover,.btn-request-close-bottom:active{color:var(--accent-color);border-color:var(--accent-color)}}.dashboard-nav-tabs{background-color:#121215;border:1px solid #ffffff0f;border-radius:4px;gap:10px;padding:4px;display:flex}.btn-tab{color:var(--text-muted);font-family:var(--font-mono);cursor:none;background:0 0;border:none;border-radius:3px;padding:8px 16px;font-size:11px;font-weight:600;transition:all .3s}.btn-tab.active{background-color:var(--accent-color);color:#000}.btn-tab:hover:not(.active){color:var(--text-color)}.dashboard-tab-content{display:none}.dashboard-tab-content.active{display:block}.btn-request-service{border:1px solid var(--accent-color);color:var(--accent-color);font-family:var(--font-mono);cursor:none;background-color:#0000;border-radius:4px;align-self:flex-start;margin-top:25px;padding:12px 24px;font-size:11px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.btn-request-service:hover{background-color:var(--accent-color);color:#000;transform:translateY(-1px)}.admin-select{color:var(--text-color);font-size:14px;font-family:var(--font-sans);cursor:none;box-sizing:border-box;background-color:#121215;border:1px solid #ffffff14;border-radius:4px;outline:none;width:100%;padding:12px;transition:border-color .3s}.admin-select:focus{border-color:var(--accent-color)}.admin-textarea{color:var(--text-color);font-size:14px;font-family:var(--font-sans);cursor:none;resize:vertical;box-sizing:border-box;background-color:#121215;border:1px solid #ffffff14;border-radius:4px;outline:none;width:100%;padding:12px;transition:border-color .3s}.admin-textarea:focus{border-color:var(--accent-color)}.request-form-card{max-height:80vh;padding:30px;overflow-y:auto}.request-modal-container{max-width:900px}.status-pill{font-size:11px;font-family:var(--font-mono);border-radius:2px;padding:4px 8px;font-weight:700;display:inline-block}.status-pill.pendente{color:#ff9800;background-color:#ff98001a;border:1px solid #ff980033}.status-pill.lido{color:#2196f3;background-color:#2196f31a;border:1px solid #2196f333}.status-pill.respondido{color:#4caf50;background-color:#4caf501a;border:1px solid #4caf5033}.btn-table-whatsapp{color:#4caf50;font-family:var(--font-mono);cursor:none;background-color:#4caf501a;border:1px solid #4caf504d;border-radius:2px;padding:4px 8px;font-size:10px;transition:all .3s}.btn-table-whatsapp:hover{color:#000;background-color:#4caf50}#domain-pricing-container{background-color:#121215;border:1px solid #ffffff14;border-radius:4px;margin-top:5px;margin-bottom:10px;padding:15px}#domain-pricing-container label{margin-bottom:10px;display:block;color:var(--accent-color)!important;font-family:var(--font-mono)!important;letter-spacing:.1em!important;font-size:10px!important;font-weight:700!important}.domain-pricing-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (width<=576px){.domain-pricing-grid{grid-template-columns:repeat(2,1fr)}}.domain-price-item{text-align:center;background-color:#1a1a1e;border:1px solid #ffffff0d;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:10px;display:flex}.domain-tld{font-family:var(--font-mono);color:var(--text-color);font-size:14px;font-weight:700}.domain-price{font-family:var(--font-sans);color:var(--accent-color);margin-top:4px;font-size:11px}