@property --paper{syntax: "<color>"; inherits: true; initial-value: #f3f0e8;}@property --paper-2{syntax: "<color>"; inherits: true; initial-value: #fffdf7;}@property --accent{syntax: "<color>"; inherits: true; initial-value: #c6b5f7;}@property --accent-strong{syntax: "<color>"; inherits: true; initial-value: #6a37bd;}@property --bright{syntax: "<color>"; inherits: true; initial-value: #f3dc55;}@property --pop{syntax: "<color>"; inherits: true; initial-value: #ef7aa8;}:root{--paper: #f3f0e8;--paper-2: #fffdf7;--ink: #16151c;--muted: #5f5b62;--line: #16151c;--accent: #c6b5f7;--accent-strong: #6a37bd;--bright: #f3dc55;--pop: #ef7aa8;--shadow: 6px 6px 0 var(--line);--panel-gap: 12px;--theme-transition: 1.8s cubic-bezier(.4, 0, .2, 1)}body[data-palette=golden]{--paper: #f7eddb;--paper-2: #fff9eb;--accent: #f7ad84;--accent-strong: #a82f35;--bright: #edc44b;--pop: #e78b65}body[data-palette=ocean]{--paper: #e9f3f2;--paper-2: #fafffe;--accent: #9bcfdd;--accent-strong: #245e8b;--bright: #b3e8ad;--pop: #b5a2e9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);background-image:radial-gradient(#17141c19 .8px,transparent .8px);background-size:22px 22px;color:var(--ink);font-family:DM Sans,Arial,sans-serif;font-size:15px;line-height:1.55;transition:background-color var(--theme-transition),color var(--theme-transition),--paper var(--theme-transition),--paper-2 var(--theme-transition),--accent var(--theme-transition),--accent-strong var(--theme-transition),--bright var(--theme-transition),--pop var(--theme-transition)}.site-header,.hero-main-panel,.photo-comic-panel,.strip-panel,.project-card,.about-badge,.contact-box,.top-note,footer,.dialog,.button,.tag{transition:background-color var(--theme-transition),border-color var(--theme-transition),color var(--theme-transition),box-shadow var(--theme-transition)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--accent-strong);outline-offset:4px}.display{font-family:Anton,Impact,Arial Narrow,sans-serif;font-weight:400;letter-spacing:.015em;text-transform:uppercase}.mono{font-family:IBM Plex Mono,Consolas,monospace}.shell{max-width:1190px;margin:0 auto;padding:0 34px}.muted{color:var(--muted)}.section-rule{border:0;border-top:4px solid var(--ink);margin:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.top-note{background:var(--ink);color:#fff;padding:9px 0;font-size:10px;letter-spacing:.075em}.top-note .shell{display:flex;align-items:center;justify-content:space-between;gap:16px}.top-note strong{color:var(--bright)}.site-header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--paper) 94%,white);border-bottom:4px solid var(--ink);backdrop-filter:blur(16px)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:77px;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{width:35px;height:35px;background:var(--ink);transform:rotate(-8deg);display:grid;place-items:center;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--accent-strong)}.brand-mark svg{transform:rotate(8deg)}.brand-word{font-size:20px;letter-spacing:.045em;line-height:1}.brand-word span{color:var(--accent-strong)}.nav{display:flex;align-items:center;gap:31px}.nav a{font-size:12px;font-weight:700;position:relative}.nav a:hover:after{content:"";position:absolute;height:3px;background:var(--accent-strong);left:0;right:0;bottom:-7px}.header-actions{display:flex;align-items:center;gap:11px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:2px solid var(--ink);padding:11px 16px;background:var(--paper-2);color:var(--ink);font-weight:700;font-size:12px;line-height:1.1;transition:transform .15s,box-shadow .15s,background .15s;text-align:center}.button:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}.button:active{transform:translate(1px,1px);box-shadow:none}.button.dark{background:var(--ink);color:#fff}.button.yellow{background:var(--bright)}.button.pink{background:var(--pop)}.button.flat{box-shadow:none}.button.tiny{padding:10px 12px}.button .arrow{font-size:17px;line-height:0}.palette-auto-badge{display:inline-flex;align-items:center;gap:7px;border:2px solid var(--ink);background:var(--paper-2);padding:8px 12px;font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--ink);cursor:pointer;box-shadow:2.5px 2.5px 0 var(--ink);transition:transform .15s,box-shadow .15s,background-color var(--theme-transition);user-select:none}.palette-auto-badge:hover{transform:translate(-1.5px,-1.5px);box-shadow:4px 4px 0 var(--ink);background:var(--bright)}.palette-pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-strong);box-shadow:0 0 0 0 var(--accent);animation:pulseColorDot 2s infinite ease-out;transition:background-color var(--theme-transition)}@keyframes pulseColorDot{0%{transform:scale(.92);box-shadow:0 0 0 0 var(--accent-strong)}70%{transform:scale(1.15);box-shadow:0 0 0 6px transparent}to{transform:scale(.92);box-shadow:0 0 0 0 transparent}}.mobile-menu-btn{display:none}.bg-floating-canvas{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}main{position:relative;z-index:1}footer{position:relative;z-index:1}.float-item{position:absolute;top:0;left:0;color:var(--accent-strong);opacity:.32;filter:drop-shadow(2px 2px 0 var(--ink));transition:color var(--theme-transition),opacity .5s ease;pointer-events:none;user-select:none;will-change:transform}.float-sparkle-lg,.float-sparkle-sm{color:var(--bright);opacity:.42}.float-speedlines,.float-starburst{color:var(--pop);opacity:.35}.float-dots{color:var(--accent);opacity:.44}@media(max-width:768px){.float-item{opacity:.2}}@media(prefers-reduced-motion:reduce){.bg-floating-canvas{display:none}.float-item,.palette-pulse-dot{animation:none!important}}.hero{padding:36px 0 61px;position:relative}.hero-chapter-heading{display:flex;justify-content:space-between;gap:14px;padding-bottom:14px;font-size:10px;letter-spacing:.15em;font-weight:700}.hero-chapter-heading span:first-child{color:var(--accent-strong)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);gap:var(--panel-gap);align-items:stretch}.comic-panel{border:4px solid var(--ink);min-width:0;position:relative;overflow:hidden;box-shadow:none}.hero-main-panel{--bubble-top: 27px;--bubble-right: 28px;--bubble-w: 138px;--bubble-h: 93px;background:var(--paper-2);min-height:584px;padding:34px 35px 27px;display:flex;flex-direction:column;align-items:start;isolation:isolate}.hero-main-panel:before{content:"";position:absolute;z-index:-2;right:-165px;top:-200px;width:480px;height:480px;background:repeating-conic-gradient(from 4deg,#242029 0deg 2deg,transparent 2deg 15deg);opacity:.065;border-radius:50%}.hero-main-panel:after{content:"";position:absolute;z-index:-2;right:-155px;bottom:-170px;width:460px;height:460px;border-radius:50%;background:radial-gradient(var(--accent) 2px,transparent 2.5px);background-size:12px 12px;opacity:.47}.comic-page-index{font-size:11px;border:2px solid var(--ink);padding:5px 10px;letter-spacing:.09em;transform:rotate(-2deg);background:var(--bright);font-weight:700}.comic-page-index span{margin:0 5px}.comic-hero-eyebrow{font-weight:700;display:flex;align-items:center;gap:8px;font-size:10px;margin-top:53px;letter-spacing:.11em;z-index:2}.chapter-dot{height:9px;width:9px;background:var(--pop);border-radius:50%;border:1.5px solid var(--ink)}.hero-title{margin:11px 0;font-size:clamp(74px,7.4vw,102px);line-height:.9;letter-spacing:-.005em;position:relative;z-index:2;max-width:750px;-webkit-text-stroke:.4px var(--ink)}.hero-name{color:var(--accent-strong);text-shadow:4px 4px 0 var(--bright);display:inline-block;transform:rotate(-2deg)}.intro-bubble{align-self:flex-end;position:absolute;z-index:3;top:var(--bubble-top);right:var(--bubble-right);transform:rotate(9deg);background:#fff;border:3px solid var(--ink);border-radius:55% 45% 52% 48%/55% 50% 52% 45%;width:var(--bubble-w);min-height:var(--bubble-h);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:24px;font-weight:900;line-height:1.1;box-shadow:4px 4px 0 var(--ink)}.intro-tail{position:absolute;z-index:2;top:calc(var(--bubble-top) + var(--bubble-h) - 18px);right:calc(var(--bubble-right) + var(--bubble-w) - 62px);width:44px;height:46px;overflow:visible;transform:rotate(-2deg);transform-origin:60% 0;pointer-events:none}.intro-tail path{fill:#fff;stroke:var(--ink);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.intro-bubble small{font-size:10px;display:block;font-family:IBM Plex Mono,monospace;font-weight:700;margin-top:5px}.hero-lead{display:flex;align-items:center;gap:11px;flex-wrap:wrap;background:var(--ink);color:var(--paper-2);padding:8px 11px;font-size:11px;letter-spacing:.06em;font-weight:800;transform:rotate(-1deg);margin:2px 0 22px;position:relative;z-index:2}.star-divider{color:var(--bright);font-size:15px}.hero-main-panel .hero-desc{font-size:15px;color:var(--ink);line-height:1.7;max-width:510px;position:relative;z-index:2;margin:0}.hero-main-panel .hero-actions{position:relative;z-index:2;margin-top:auto;padding-top:29px;display:flex;gap:13px;flex-wrap:wrap}.hero-main-panel .button{border-width:3px;box-shadow:3px 3px 0 var(--ink)}.hero-main-panel .hero-bottom{margin-top:26px;font-size:10px;color:#504953;position:relative;z-index:2;display:flex;align-items:center;gap:15px}.hero-bottom .small-rule{width:46px;height:1px;background:var(--ink)}.background-sfx{position:absolute;right:14px;bottom:73px;z-index:-1;transform:rotate(-15deg);font-size:67px;color:transparent;-webkit-text-stroke:1.7px var(--ink);opacity:.2;pointer-events:none}.photo-comic-panel{height:auto;min-height:584px;background:var(--accent);isolation:isolate;display:flex;flex-direction:column}.photo-speedlines{position:absolute;z-index:-2;inset:-200px;background:repeating-conic-gradient(from 0deg at 48% 47%,rgba(0,0,0,.26) 0deg 1.4deg,transparent 1.4deg 11deg);transform:rotate(8deg);opacity:.5}.photo-halftone{position:absolute;inset:0;z-index:-1;background:radial-gradient(#15131c70 1.65px,transparent 2.25px);background-size:10px 10px;opacity:.36;mask-image:linear-gradient(160deg,#000,transparent 78%)}.photo-label{position:absolute;left:18px;top:17px;z-index:5;background:var(--ink);color:#fff;padding:7px 10px;font-size:10px;font-weight:700;letter-spacing:.1em;transform:rotate(-3deg)}.photo-label strong{color:var(--bright)}.photo-frame{width:calc(100% - 75px);height:auto;min-height:415px;flex:1;margin:74px 36px 94px;position:relative;overflow:hidden;background:#e9e1e9;border:4px solid var(--ink);box-shadow:10px 10px 0 var(--ink);transform:rotate(-3deg);z-index:2}.photo-frame:after{content:"";pointer-events:none;position:absolute;inset:0;border:9px solid #ffffff33;z-index:3}.avatar-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:end;flex-direction:column;overflow:hidden;background:linear-gradient(145deg,#e6c5eb,#c5b3f8)}.avatar-illustration{height:100%;width:100%;object-fit:cover;max-width:380px;margin-top:auto}.avatar-placeholder-caption{position:absolute;top:27px;left:15px;right:15px;text-align:center;background:#fffaf3;border:2px solid var(--ink);font-weight:700;font-size:10px;padding:6px;transform:rotate(3deg)}.profile-photo{display:none;width:100%;height:100%;object-fit:cover;object-position:center 22%;position:absolute;inset:0;z-index:2;filter:grayscale(1) contrast(1.13)}.photo-frame.has-photo .profile-photo{display:block}.photo-speech{z-index:4;position:absolute;right:13px;top:90px;display:grid;place-items:center;text-align:center;width:112px;height:100px;border:3px solid var(--ink);background:#fff;border-radius:50% 48%;transform:rotate(13deg);line-height:1.04;font-size:21px;box-shadow:4px 4px 0 var(--ink)}.photo-speech:after{content:"";position:absolute;bottom:-14px;left:26px;width:20px;height:20px;background:#fff;border-left:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:skew(-25deg)}.photo-sfx{position:absolute;z-index:4;left:8px;bottom:75px;font-size:47px;letter-spacing:-.13em;color:var(--pop);-webkit-text-stroke:2px var(--ink);text-shadow:3px 3px 0 white;transform:rotate(-16deg)}.photo-caption{position:absolute;z-index:5;left:15px;right:13px;bottom:29px;background:var(--bright);border:3px solid var(--ink);padding:7px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;transform:rotate(-2deg)}.photo-caption .display{font-size:35px;line-height:1}.photo-caption .mono{font-size:9px;max-width:138px;line-height:1.4;font-weight:800;text-align:right}.photo-upload-button{position:absolute;bottom:101px;right:20px;z-index:7;background:#fff;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:9px 11px;font-weight:800;font-size:10px;letter-spacing:.04em;cursor:pointer;transform:rotate(4deg)}.photo-upload-button:hover{background:var(--bright)}#photo-upload{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;bottom:101px;right:20px}.comic-strip{display:grid;grid-template-columns:1.03fr 1fr 1.03fr;gap:12px;margin-top:12px}.strip-panel{height:135px;position:relative;overflow:hidden;border:4px solid var(--ink);display:flex;align-items:center;justify-content:center}.strip-number{position:absolute;top:10px;left:11px;background:var(--paper-2);border:2px solid var(--ink);padding:2px 6px;font-size:9px;font-weight:700;z-index:2}.strip-caption{position:absolute;bottom:10px;left:12px;right:12px;font-size:10px;font-weight:800;letter-spacing:.13em;background:var(--paper-2);border:2px solid var(--ink);padding:3px 7px;z-index:2}.strip-one{background:var(--bright)}.strip-one:before{content:"";position:absolute;inset:-90px;background:repeating-conic-gradient(from 15deg,transparent 0deg 12deg,#19151c30 12deg 14deg);opacity:.85}.strip-big{font-size:91px;line-height:1;transform:rotate(-10deg);text-shadow:4px 4px #ffffff;z-index:1}.strip-two{background:#e6c6d6}.strip-two:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-18deg,transparent 0 14px,#16151c22 15px 18px)}.strip-action{font-size:88px;line-height:1;transform:rotate(5deg);-webkit-text-stroke:1px var(--ink);color:#fff;text-shadow:5px 5px 0 var(--ink);z-index:1}.strip-action span{color:var(--accent-strong)}.strip-three{background:#b8d8d2}.strip-three:before{content:"";position:absolute;inset:0;background:radial-gradient(#16151c30 2px,transparent 2.5px);background-size:14px 14px}.strip-impact{font-size:78px;line-height:1;transform:rotate(-5deg);text-shadow:3px 3px var(--bright);z-index:1}.section{padding:73px 0}.section.shell{padding-left:34px;padding-right:34px}.chapter-kicker{display:inline-flex;align-items:center;gap:15px;font-weight:800;letter-spacing:.13em;font-size:11px;background:var(--ink);color:var(--bright);padding:8px 12px;margin-bottom:14px;transform:rotate(-1deg)}.chapter-kicker span{color:#fff}.chapter-kicker-dark{background:#2b2836}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-title{font-size:clamp(43px,5vw,65px);line-height:1.08;margin:12px 0 0}.title-highlight{color:var(--accent-strong)}.section-aside{max-width:335px;color:var(--muted);margin:0;font-size:14px}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:700;text-transform:uppercase;display:inline-flex;align-items:center;gap:12px}.projects-grid{counter-reset:item;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}.card-bawanghub{grid-column:span 7}.card-lapangku,.card-cuciin{grid-column:span 5}.card-ivss{grid-column:span 7}.project-card{background:var(--paper-2);border:4px solid var(--ink);position:relative;display:flex;flex-direction:column;transition:transform .16s,box-shadow .16s;box-shadow:5px 5px 0 var(--ink);min-width:0}.project-card:before{content:"SCENE 0" counter(item);counter-increment:item;position:absolute;z-index:7;top:-3px;right:-3px;background:var(--ink);color:var(--bright);padding:5px 10px;font:700 10px IBM Plex Mono,monospace}.project-card:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--ink)}.project-art{height:290px;border-bottom:4px solid var(--ink);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:16px 14px 12px;isolation:isolate}.card-bawanghub .project-art{height:380px;padding:18px 20px}.card-lapangku .project-art{height:380px;padding:10px 14px}.card-cuciin .project-art,.card-ivss .project-art{height:320px}.project-art:before{content:"";position:absolute;inset:-65px;z-index:-1;background:repeating-conic-gradient(from 12deg at 54% 50%,rgba(0,0,0,.1) 0 2deg,transparent 2deg 14deg);opacity:.55}.project-art.agri{background:#dcfce7}.project-art.sport{background:#d1fae5}.project-art.pos{background:#cffafe}.project-art.lab{background:#071326}.art-corner{position:absolute;top:9px;left:10px;padding:3px 7px;background:#fffdf7;border:1.5px solid var(--ink);font-size:8.5px;font-weight:700;z-index:6;box-shadow:2px 2px 0 var(--ink)}.art-preview-pill{position:absolute;bottom:10px;left:10px;padding:3px 8px;background:#fffffff0;backdrop-filter:blur(4px);color:var(--ink);border:1.5px solid var(--ink);font-size:8px;font-weight:800;letter-spacing:.08em;z-index:6;box-shadow:2px 2px 0 var(--ink);display:inline-flex;align-items:center;gap:5px;user-select:none}.preview-pulse-dot{width:5px;height:5px;border-radius:50%;background:#10b981;box-shadow:0 0 #10b981b3;animation:livePulseAnim 1.6s infinite ease-out}.card-cuciin .preview-pulse-dot{background:#06b6d4;box-shadow:0 0 #06b6d4b3}.live-demo-pill{position:absolute;top:9px;right:12px;padding:3px 8px;background:var(--ink);color:#fff;border:1.5px solid var(--bright);font-size:8px;font-weight:800;letter-spacing:.08em;z-index:6;box-shadow:2.5px 2.5px 0 var(--ink);display:inline-flex;align-items:center;gap:4.5px;user-select:none}.live-demo-pulse{width:5.5px;height:5.5px;border-radius:50%;background:#22c55e;box-shadow:0 0 #22c55eb3;animation:livePulseAnim 1.6s infinite ease-out}.live-demo-pulse.red{background:#ef4444;box-shadow:0 0 #ef4444b3}.live-demo-pulse.cyan{background:#06b6d4;box-shadow:0 0 #06b6d4b3}@keyframes livePulseAnim{0%{transform:scale(.9);box-shadow:0 0 0 0 currentColor}70%{transform:scale(1.15);box-shadow:0 0 0 5px transparent}to{transform:scale(.9);box-shadow:0 0 0 0 transparent}}.project-sfx{position:absolute;right:8px;bottom:4px;font-size:26px;z-index:6;color:#fff;-webkit-text-stroke:1.5px var(--ink);text-shadow:2.5px 2.5px 0 var(--ink);transform:rotate(-9deg);pointer-events:none}.project-sfx-sport{color:var(--bright);font-size:32px;right:10px;bottom:8px}.project-sfx-pos{color:#06b6d4;font-size:26px;right:8px;bottom:4px}.project-sfx-lab{color:#ff9d00;font-size:28px;right:10px;bottom:6px}.app-bawanghub{width:100%;max-width:530px;background:#fff;border:2.5px solid var(--ink);border-radius:8px;box-shadow:5px 5px 0 var(--ink);overflow:hidden;display:flex;flex-direction:column;margin:0 auto}.web-window-bar{background:#f1f5f9;border-bottom:2px solid var(--ink);padding:5px 8px;display:flex;align-items:center;position:relative;user-select:none}.web-window-dots{display:flex;gap:4.5px;align-items:center}.w-dot{width:7px;height:7px;border-radius:50%;border:1px solid rgba(0,0,0,.25);display:inline-block}.w-dot.red{background:#ef4444}.w-dot.yellow{background:#f59e0b}.w-dot.green{background:#10b981}.web-window-url{position:absolute;left:50%;transform:translate(-50%);background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:1.5px 8px;font-size:7px;color:#64748b;display:flex;align-items:center;gap:3.5px;letter-spacing:.02em}.bh-desktop-layout{display:grid;grid-template-columns:104px 1fr;background:#f8fafc;min-height:220px;font-family:DM Sans,-apple-system,system-ui,sans-serif}.bh-side-nav{background:#fff;border-right:1px solid #e2e8f0;padding:8px 7px;display:flex;flex-direction:column;justify-content:space-between}.bh-nav-brand{display:flex;align-items:center;gap:4px;font-size:8.5px;font-weight:800;color:#1e293b;padding-bottom:5px;border-bottom:1px solid #f1f5f9;margin-bottom:5px}.bh-nav-brand strong{color:#059669}.bh-nav-links{display:flex;flex-direction:column;gap:2px}.bh-link{display:flex;align-items:center;gap:4.5px;font-size:6px;font-weight:600;color:#64748b;padding:3px 5px;border-radius:4px;white-space:nowrap}.bh-link.active{background:#ecfdf5;color:#059669;font-weight:800}.bh-side-footer{margin-top:auto;padding-top:6px;border-top:1px solid #f1f5f9}.bh-farmer-pill{display:block;font-size:5.5px;font-weight:800;color:#059669;background:#ecfdf5;text-align:center;padding:2.5px 4px;border-radius:3px;border:1px solid #a7f3d0}.bh-main-canvas{padding:7px 8px;display:flex;flex-direction:column;gap:6px}.bh-top-row{display:grid;grid-template-columns:1.55fr 1fr;gap:6px}.bh-hero-card{background:linear-gradient(135deg,#ecfdf5,#fff);border:1px solid #a7f3d0;border-radius:6px;padding:5px 7px;display:flex;flex-direction:column;justify-content:space-between}.bh-hero-badge{font-size:5px;font-weight:800;color:#047857;text-transform:uppercase;letter-spacing:.05em}.bh-hero-title{font-size:8px;font-weight:800;color:#0f172a;line-height:1.2;margin:1.5px 0}.bh-hero-title strong{color:#059669}.bh-hero-desc{font-size:5.2px;color:#475569;line-height:1.25;margin-bottom:3.5px}.bh-hero-btns{display:flex;gap:3.5px}.bh-btn-green{background:#059669;color:#fff;font-size:5.2px;font-weight:800;padding:2px 5px;border-radius:3px}.bh-btn-outline{background:#fff;color:#334155;border:1px solid #cbd5e1;font-size:5.2px;font-weight:700;padding:1.5px 4px;border-radius:3px}.bh-weather-box{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:5px 6px;display:flex;flex-direction:column;justify-content:space-between}.bh-weather-head{display:flex;justify-content:space-between;align-items:center;font-size:5.8px;font-weight:700;color:#64748b}.bh-loc-tag{font-size:5px;color:#059669;background:#ecfdf5;padding:1px 3px;border-radius:3px;font-weight:700}.bh-weather-body{display:flex;align-items:baseline;gap:4px;margin:2px 0}.bh-weather-temp{font-size:11px;font-weight:800;color:#0f172a;line-height:1}.bh-weather-stat{font-size:5.5px;font-weight:600;color:#64748b}.bh-weather-ai-tip{font-size:4.8px;color:#475569;background:#f8fafc;border-radius:3px;padding:2px 4px;line-height:1.25}.bh-weather-ai-tip span{color:#059669;font-weight:800}.bh-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4.5px}.bh-card{background:#fff;border:1px solid #e2e8f0;border-radius:5px;padding:4px 5px;display:flex;flex-direction:column}.bh-card-icon{width:14px;height:14px;border-radius:3.5px;display:flex;align-items:center;justify-content:center;margin-bottom:2px}.bh-card-icon.green{background:#dcfce7;color:#15803d}.bh-card-icon.blue{background:#e0f2fe;color:#0369a1}.bh-card-icon.amber{background:#fef3c7;color:#b45309}.bh-card-icon.purple{background:#f3e8ff;color:#7e22ce}.bh-card-title{font-size:5.8px;font-weight:800;color:#0f172a;line-height:1.1}.bh-card-desc{font-size:4.6px;color:#64748b;line-height:1.25;margin:1.5px 0 3px;flex:1}.bh-card-action{font-size:4.8px;font-weight:800;padding:1.2px 3px;border-radius:2.5px;text-align:center}.bh-card-action.green{background:#ecfdf5;color:#047857}.bh-card-action.blue{background:#eff6ff;color:#1d4ed8}.bh-card-action.amber{background:#fffbeb;color:#b45309}.bh-card-action.purple{background:#faf5ff;color:#7e22ce}.phone-mockup-wrap{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:relative;filter:drop-shadow(5px 5px 0 var(--ink))}.card-lapangku .phone-screen-ticket{display:none!important}.phone-mockup-chassis{position:relative;width:172px;height:358px;background:#18171f;border:3px solid var(--ink);border-radius:28px;box-shadow:inset 0 0 0 1.2px #ffffff2e;display:flex;flex-direction:column;padding:5px 4px;box-sizing:border-box}.phone-hw-btn{position:absolute;background:var(--ink);border:1px solid #ffffff33;border-radius:1.5px;pointer-events:none}.phone-hw-btn.volume-up{left:-5px;top:56px;width:3px;height:18px}.phone-hw-btn.volume-down{left:-5px;top:78px;width:3px;height:18px}.phone-hw-btn.power-lock{right:-5px;top:66px;width:3px;height:26px}.phone-dynamic-island{position:absolute;top:6.5px;left:50%;transform:translate(-50%);width:46px;height:9.5px;background:#000;border-radius:99px;z-index:15;display:flex;align-items:center;justify-content:space-between;padding:0 5px;box-shadow:0 1px 3px #00000080}.phone-camera-lens{width:3.5px;height:3.5px;background:#0b1528;border:.8px solid #1e293b;border-radius:50%;box-shadow:inset 0 0 1px #38bdf8}.phone-speaker-slit{width:12px;height:1.6px;background:#27272a;border-radius:2px}.phone-screen-glass{flex:1;width:100%;height:100%;border-radius:24px;overflow:hidden;border:1.2px solid #111116;background:#f4f6f9;display:flex;flex-direction:column;position:relative}.lk-status-bar{display:flex;justify-content:space-between;align-items:center;padding:2px 8px 1px;height:12px;font-size:5.4px;color:#111827;font-weight:700}.lk-status-icons{display:flex;align-items:center;gap:2.5px}.phone-home-indicator{width:52px;height:3px;background:#fff;border:.8px solid #ffffff44;border-radius:99px;margin:3px auto 0;opacity:.8}.app-lapangku{width:100%;height:100%;margin:0;background:#f4f6f9;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;overflow:hidden;font-family:DM Sans,system-ui,sans-serif}.lk-white-header{background:#fff;padding:3px 7px 5px;box-shadow:0 2px 5px #0000000a}.lk-greeting-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:3.5px}.lk-user-info{display:flex;align-items:center;gap:4px}.lk-app-icon{width:15px;height:15px;border-radius:3.5px;object-fit:cover;box-shadow:0 1px 3px #00000026}.lk-hello{font-size:7.5px;font-weight:800;color:#2d3748;line-height:1.1}.lk-loc{font-size:5.2px;color:#718096;display:flex;align-items:center;gap:2px;margin-top:1px}.lk-header-actions{display:flex;align-items:center;gap:3.5px}.lk-bell-btn{width:13.5px;height:13.5px;border-radius:50%;background:#f3f5f7;display:grid;place-items:center}.lk-bell-btn svg{width:7px;height:7px}.lk-avatar{width:14px;height:14px;border-radius:50%;background:#1b6b3a;color:#fff;font-size:6.8px;font-weight:800;display:grid;place-items:center}.lk-search-pill{background:#f3f5f7;border-radius:50px;padding:2.8px 7px;font-size:5.2px;color:#718096;display:flex;align-items:center;gap:3.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lk-body{padding:5px 6.5px;flex:1;display:flex;flex-direction:column;gap:3px;overflow:hidden}.lk-section-title{font-size:6.2px;font-weight:800;color:#2d3748}.lk-cat-row{display:flex;gap:2.5px;overflow:hidden}.lk-cat-chip{font-size:5px;font-weight:600;padding:1.8px 5.5px;border-radius:20px;background:#fff;color:#718096;white-space:nowrap}.lk-cat-chip.active{background:#1b6b3a;color:#fff;font-weight:700;box-shadow:0 2px 4px #1b6b3a47}.lk-field-list{display:flex;flex-direction:column;gap:4px;margin-top:1.5px}.lk-field-card{background:#fff;border-radius:7px;border:1px solid #E2E8F0;padding:3.5px 4.5px;display:flex;gap:5.5px;align-items:center;box-shadow:0 1px 3px #0000000a}.lk-field-banner{position:relative;width:44px;height:44px;border-radius:5px;overflow:hidden;flex-shrink:0;background:#0f172a}.lk-banner-photo{width:100%;height:100%;object-fit:cover;display:block}.lk-banner-badges{position:absolute;top:2px;left:2px;display:flex;flex-direction:column;gap:1.5px}.lk-badge-cat{background:#1b6b3a;color:#fff;font-size:3.8px;font-weight:800;padding:.8px 2.2px;border-radius:2px;box-shadow:0 1px 2px #0000004d;letter-spacing:.02em}.lk-badge-type{background:#000000a6;color:#fff;font-size:3.5px;font-weight:700;padding:.5px 2px;border-radius:2px;backdrop-filter:blur(2px);display:inline-flex;align-items:center;gap:1.5px}.lk-field-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.lk-venue-name{font-size:4.5px;font-weight:800;color:#718096;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lk-court-name{font-size:6.2px;font-weight:800;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lk-price-row{margin-top:1px;display:flex;align-items:baseline;gap:1.5px}.lk-price-row strong{font-size:6.2px;font-weight:800;color:#1b6b3a}.lk-price-row span{font-size:4.8px;color:#718096}.lk-meta-row{margin-top:1px;display:flex;justify-content:space-between;align-items:center;font-size:4.8px;color:#718096;font-weight:600}.lk-meta-item.lk-rating{color:#d97706;font-weight:700}.lk-bottom-nav{background:#fff;border-top:1px solid #edf2f7;padding:2.5px 4px;display:grid;grid-template-columns:repeat(4,1fr);text-align:center;margin-top:auto;flex-shrink:0}.lk-nav-tab{display:flex;flex-direction:column;align-items:center;font-size:5.5px;color:#718096;line-height:1.1}.lk-nav-tab svg{width:8px;height:8px}.lk-nav-tab b{font-size:4.5px;font-weight:600;margin-top:1px}.lk-nav-tab.active{color:#1b6b3a}.lk-nav-tab.active b{font-weight:800}.lk-ticket-view{background:#f4f6f9}.lk-ticket-appbar{background:#1b6b3a;color:#fff;padding:2px 8px 5px}.lk-ticket-appbar .lk-status-bar{color:#fff}.lk-ticket-header-title{display:flex;justify-content:space-between;align-items:center;font-size:7.5px;font-weight:800;color:#fff;padding:2px 2px 0}.lk-back-icon,.lk-share-icon{font-size:9px;font-weight:800}.lk-ticket-body{padding:6px 8px;flex:1;display:flex;flex-direction:column;gap:4px}.lk-ticket-pass{background:#fff;border-radius:8px;border:1px solid #E2E8F0;overflow:hidden;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column}.lk-pass-head{padding:4px 7px;display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border-bottom:1px solid #E2E8F0}.lk-pass-brand{font-size:5.5px;font-weight:800;color:#1b6b3a;display:flex;align-items:center;gap:2px}.lk-brand-dot{width:4px;height:4px;border-radius:50%;background:#1b6b3a}.lk-status-lunas{font-size:4.8px;font-weight:800;background:#d1fae5;color:#15803d;padding:1px 4px;border-radius:99px}.lk-pass-match{padding:4px 7px 3px}.lk-match-venue{font-size:4.8px;font-weight:800;color:#718096;letter-spacing:.04em}.lk-match-court{font-size:6.8px;font-weight:800;color:#1a1a2e}.lk-match-time{font-size:5.5px;font-weight:700;color:#1b6b3a;margin-top:1px}.lk-pass-perforated{position:relative;height:8px;display:flex;align-items:center;justify-content:center}.lk-perf-line{width:100%;border-top:1px dashed #CBD5E1}.lk-perf-cutout{position:absolute;width:8px;height:8px;border-radius:50%;background:#f4f6f9;border:1px solid #E2E8F0}.lk-perf-cutout.left{left:-5px}.lk-perf-cutout.right{right:-5px}.lk-pass-qr-box{padding:4px 7px 5px;text-align:center;display:flex;flex-direction:column;align-items:center}.lk-qr-frame{background:#fff;padding:3px;border:1px solid #E2E8F0;border-radius:5px;display:inline-flex}.lk-qr-code{font-size:5.8px;font-weight:800;color:#2d3748;margin-top:2px}.lk-qr-hint{font-size:4.5px;color:#718096}.lk-pass-foot{padding:4px 7px;background:#f8fafc;border-top:1px solid #E2E8F0;display:flex;justify-content:space-between;align-items:center}.lk-pass-foot small{font-size:4.5px;color:#718096;display:block}.lk-pass-foot b{font-size:6px;font-weight:800;color:#1a1a2e}.lk-ticket-btn{background:#1b6b3a;color:#fff;font-size:5.8px;font-weight:700;padding:3.5px 7px;border-radius:5px;text-align:center;display:flex;align-items:center;justify-content:center;gap:3px;margin-top:2px}.app-ivss{width:100%;max-width:540px;background:#0a192f;border:2.5px solid var(--ink);border-radius:8px;box-shadow:5px 5px 0 var(--ink);display:flex;flex-direction:column;overflow:hidden;margin:0 auto;font-family:DM Sans,system-ui,sans-serif}.ivss-navbar{background:#0a192f;border-bottom:1.5px solid #1F426E;padding:5px 10px;display:flex;justify-content:space-between;align-items:center}.ivss-logo-area{display:flex;align-items:center;gap:5px}.ivss-logo-img{width:14px;height:14px;object-fit:contain}.ivss-site-title{font-size:9px;font-weight:800;color:#e7f4ff;letter-spacing:.05em}.ivss-campus-tag{font-size:5.5px;font-weight:700;color:#38bdf8;background:#38bdf81f;padding:1px 3.5px;border-radius:3px;border:1px solid rgba(56,189,248,.25)}.ivss-menu{display:flex;gap:8px;font-size:6.2px;font-weight:600;color:#94a3b8}.ivss-menu span{position:relative;padding-bottom:2px}.ivss-menu span.active{color:#ff9d00;font-weight:700}.ivss-menu span.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:#ff9d00;border-radius:2px}.ivss-auth-area{display:flex;align-items:center}.ivss-portal-login{font-size:5.5px;font-weight:700;color:#071326;background:#ff9d00;padding:2px 6px;border-radius:3px;display:inline-block}.ivss-hero{flex:1;min-height:195px;background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;padding:10px 14px;position:relative}.ivss-hero-content{max-width:96%}.ivss-kicker{font-size:5.5px;font-weight:700;color:#38bdf8;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px}.ivss-h1{font-size:13.5px;font-weight:900;color:#e7f4ff;line-height:1.15;letter-spacing:.03em;text-transform:uppercase;text-shadow:0 0 12px rgba(0,198,255,.25);margin:0 0 4px}.ivss-tagline{font-size:6.2px;color:#a8b2d1;margin:0 0 8px;line-height:1.25}.ivss-highlights-row{display:flex;justify-content:center;gap:4px;flex-wrap:wrap;margin-bottom:4px}.ivss-pill{background:#0a192fb3;border:1px solid rgba(56,189,248,.25);border-radius:3px;font-size:5px;color:#e2e8f0;padding:1.5px 5px;display:inline-flex;align-items:center;gap:3px}.ivss-pill .pill-dot{width:3px;height:3px;border-radius:50%;background:#ff9d00;display:inline-block}.ivss-learn-more{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;border:1.5px solid #FF9D00;background:#0a192fcc;color:#ff9d00;font-size:6.5px;font-weight:700;box-shadow:0 3px 10px #0000004d}.app-cuciin{width:96%;max-width:480px;height:280px;margin:0 auto;background:#fff;border:2.5px solid var(--ink);border-radius:8px;box-shadow:5px 5px #0e7490;display:flex;flex-direction:column;overflow:hidden;font-family:DM Sans,system-ui,sans-serif}.ci-screen-stepper{display:flex;align-items:center;gap:3.5px;margin-left:auto;z-index:2}.ci-nav-arrow{width:14px;height:14px;border-radius:3px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;display:grid;place-items:center;font-size:9px;line-height:1;cursor:pointer;padding:0;transition:all .15s ease}.ci-nav-arrow:hover{background:#0e7490;color:#fff;border-color:#0e7490}.ci-slide-dots{display:flex;align-items:center;gap:3px}.ci-dot{width:5px;height:5px;border-radius:50%;background:#cbd5e1;cursor:pointer;transition:all .2s ease}.ci-dot:hover{background:#0e7490}.ci-dot.active{width:12px;border-radius:99px;background:#0e7490}.ci-slides-viewport{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column;touch-action:pan-y pinch-zoom;cursor:grab;user-select:none}.ci-slides-viewport:active{cursor:grabbing}.ci-slides-track{display:flex;flex-direction:row;width:300%;height:100%;transition:transform .38s cubic-bezier(.16,1,.3,1);will-change:transform}.ci-slide-pane{width:33.333333%;flex-shrink:0;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;height:100%}.ci-quick-switch{cursor:pointer;transition:opacity .15s ease}.ci-quick-switch:hover{opacity:.9}.ci-navbar{background:#fffffff0;border-bottom:1px solid #e2e8f0;padding:5px 10px;display:flex;justify-content:space-between;align-items:center}.ci-brand{display:flex;align-items:center;gap:4px}.ci-logo-img{width:15px;height:15px;object-fit:contain;border-radius:3.5px;flex-shrink:0}.ci-brand-text{font-size:8.5px;font-weight:800;color:#0f172a;letter-spacing:-.02em}.ci-brand-text span{color:#0e7490}.ci-nav-links{display:flex;gap:6px;font-size:5.5px;font-weight:600;color:#475569}.ci-nav-actions{display:flex;align-items:center;gap:3px}.ci-btn-outline{font-size:5.2px;font-weight:700;color:#334155;background:#fff;border:1px solid #cbd5e1;padding:2px 4.5px;border-radius:4px;display:inline-flex;align-items:center;gap:2.5px}.ci-btn-solid{font-size:5.2px;font-weight:700;color:#fff;background:#0e7490;padding:2px 5px;border-radius:4px}.ci-hero{flex:1;background:linear-gradient(180deg,#ecfeffd9,#fff 58%,#f8fafc);padding:8px 12px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.ci-hero-h1{font-size:11px;font-weight:800;color:#0f172a;line-height:1.15;letter-spacing:-.02em}.ci-gradient-text{color:#0e7490;font-weight:800;text-decoration:underline;text-decoration-color:#38bdf8;text-underline-offset:2px}.ci-hero-sub{font-size:5.6px;color:#475569;line-height:1.32;max-width:92%;margin:3.5px 0 6px}.ci-tracking-box{width:95%;max-width:320px;background:#fff;border:1px solid #e2e8f0;border-radius:7px;padding:3.5px;box-shadow:0 4px 10px #0f172a0f;display:flex;align-items:center;gap:4px}.ci-tracking-input-wrap{flex:1;background:#f8fafc;border:1px solid #cbd5e1;border-radius:5px;padding:2px 6px;display:flex;align-items:center;gap:4px}.ci-tracking-input{border:none;outline:none;width:100%;font-size:6px;color:#0f172a;background:transparent;font-family:IBM Plex Mono,monospace;font-weight:600}.ci-tracking-btn{background:#0e7490;color:#fff;font-size:5.6px;font-weight:700;padding:4px 7px;border-radius:5px;border:none;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:2.5px;user-select:none}.ci-tracking-btn:hover{background:#083344}.ci-tracking-hint{font-size:4.8px;color:#64748b;margin:3px 0 5px}.ci-trust-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:3px}.ci-pill{background:#f1f5f9;border:1px solid rgba(226,232,240,.9);color:#334155;font-size:4.8px;font-weight:700;padding:2px 5px;border-radius:99px;display:inline-flex;align-items:center;gap:2.5px}.ci-result-stage{display:flex;flex-direction:column;gap:4px;background:#f0fdfa;border:1.5px solid #0e7490;border-radius:7px;padding:6px 9px;width:95%;max-width:330px;margin:2px auto 0;text-align:left}.ci-result-top{display:flex;justify-content:space-between;align-items:center}.ci-result-label{font-size:5px;color:#0e7490;font-weight:800;letter-spacing:.05em;display:block}.ci-result-nota{font-size:8px;font-weight:800;color:#083344}.ci-status-badge{font-size:5.5px;font-weight:800;color:#0369a1;background:#e0f2fe;padding:1.5px 5px;border-radius:99px;display:inline-flex;align-items:center;gap:3px}.ci-stepper-row{display:flex;align-items:center;justify-content:space-between;margin:3px 0}.ci-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5px}.ci-step-circle{width:12px;height:12px;border-radius:50%;display:grid;place-items:center;font-size:6px;font-weight:800;border:1px solid #94a3b8;color:#64748b;background:#fff}.ci-step.done .ci-step-circle{background:#0e7490;color:#fff;border-color:#0e7490}.ci-step.in-progress .ci-step-circle{background:#38bdf8;color:#083344;border-color:#0e7490;box-shadow:0 0 0 2px #0e749040;animation:livePulseAnim 1.4s infinite}.ci-step-line{flex:1;height:1.5px;background:#cbd5e1;margin:0 3px;transform:translateY(-4px)}.ci-step-line.done{background:#0e7490}.ci-step-text b{font-size:5px;display:block;color:#0f172a;line-height:1.1}.ci-step-text small{font-size:4.5px;color:#64748b;display:block}.ci-result-meta{display:flex;justify-content:space-between;font-size:5.5px;color:#083344;background:#fff;padding:3px 5px;border-radius:4px;border:1px solid #ccfbf1;font-weight:600}.ci-result-estimasi{display:flex;justify-content:space-between;align-items:center;font-size:5px;color:#475569;background:#ecfeff;padding:2.5px 5px;border-radius:4px;border:1px solid #a5f3fc}.ci-badge-ontime{font-size:4.8px;font-weight:800;background:#dcfce7;color:#15803d;padding:.8px 3px;border-radius:2px}.ci-reset-btn{background:none;border:1px dashed #0e7490;color:#0e7490;font-size:5.5px;font-weight:800;padding:2px 4px;border-radius:4px;cursor:pointer;text-align:center;margin-top:1px}.ci-reset-btn:hover{background:#0e7490;color:#fff}.ci-app-container{display:flex;flex-direction:row;width:100%;height:100%;min-height:0;overflow:hidden;background:#f8fafc}.ci-sidebar{width:72px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;padding:5px 4px;gap:5px;overflow:hidden}.ci-sidebar-brand{display:flex;align-items:center;gap:4px;padding:2px 2px 4px;border-bottom:1px solid #f1f5f9}.ci-sidebar-logo{width:11px;height:11px;border-radius:2.5px;object-fit:contain}.ci-sidebar-title{font-family:var(--font-display, inherit);font-size:7.5px;font-weight:800;color:#0e7490;letter-spacing:-.2px}.ci-sidebar-title span{color:#0284c7}.ci-sidebar-nav{display:flex;flex-direction:column;gap:1.5px}.ci-nav-item{display:flex;align-items:center;gap:4px;padding:2.8px 4.5px;border-radius:4px;font-size:6px;font-weight:600;color:#475569;cursor:pointer;white-space:nowrap}.ci-nav-item.active{background:#0e7490;color:#fff}.ci-nav-item:hover:not(.active){background:#f1f5f9;color:#0f172a}.ci-admin-wrap{flex:1;background:#f8fafc;padding:6px 9px;display:flex;flex-direction:column;gap:5px;overflow:hidden}.ci-admin-header{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px 7px;display:flex;justify-content:space-between;align-items:center}.ci-admin-user{display:flex;align-items:center;gap:5px}.ci-admin-avatar{width:16px;height:16px;border-radius:50%;background:#0e7490;color:#fff;font-size:5.5px;font-weight:800;display:grid;place-items:center;letter-spacing:-.02em}.ci-admin-role{font-size:4.5px;color:#64748b;display:block}.ci-btn-add-trx kbd{background:#155e75;color:#fff;padding:.5px 2.5px;border-radius:2px;font-size:4px;margin-left:2px}.ci-master-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.ci-master-card{background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:3px 5px;text-align:left}.ci-master-label{font-size:4.4px;color:#64748b;display:block}.ci-master-num{font-size:7.5px;font-weight:800;color:#0f172a;margin:1px 0}.ci-master-sub,.ci-master-link{font-size:4.2px;color:#0e7490;display:block;font-weight:600}.ci-admin-title{font-size:6.8px;color:#0f172a;font-weight:800;display:block;line-height:1.1}.ci-admin-actions{display:flex;align-items:center;gap:4px}.ci-chip-status{font-size:4.8px;font-weight:700;color:#15803d;background:#dcfce7;padding:1.5px 5px;border-radius:99px;display:inline-flex;align-items:center;gap:2.5px}.ci-dot-online{width:4px;height:4px;border-radius:50%;background:#16a34a}.ci-btn-add-trx{background:#0e7490;color:#fff;border:none;font-size:5.2px;font-weight:700;padding:2.5px 6px;border-radius:4px;cursor:pointer}.ci-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.ci-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:5px;padding:4px 5px;text-align:left}.ci-kpi-card.highlight{border-color:#0e7490;background:#f0fdfa}.ci-kpi-label{font-size:4.6px;color:#64748b;font-weight:700;display:block;letter-spacing:.03em}.ci-kpi-val{font-size:8px;font-weight:800;color:#0f172a;margin:1px 0}.ci-kpi-trend{font-size:4.5px;font-weight:700}.ci-kpi-trend.green{color:#16a34a}.ci-kpi-trend.teal{color:#0e7490}.ci-kpi-sub{font-size:4.5px;color:#64748b}.ci-table-box{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px 6px;flex:1;display:flex;flex-direction:column}.ci-table-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px;padding-bottom:2px;border-bottom:1px solid #f1f5f9}.ci-table-title{font-size:5px;font-weight:800;color:#083344;letter-spacing:.04em}.ci-live-badge{font-size:4.6px;font-weight:800;color:#15803d;display:inline-flex;align-items:center;gap:2.5px}.ci-mini-table{display:flex;flex-direction:column;gap:2px}.ci-tr{display:grid;grid-template-columns:1.1fr 1.3fr 1.3fr 1.4fr 1.3fr;align-items:center;font-size:5px;padding:2.5px 4px;border-radius:3px;color:#334155}.ci-tr.ci-th{background:#f1f5f9;font-weight:700;color:#475569;font-size:4.5px}.ci-tr:nth-child(2n):not(.ci-th){background:#f8fafc}.ci-step-pill{font-size:4.4px;font-weight:700;padding:1px 4px;border-radius:3px;display:inline-block}.ci-step-pill.processing{background:#e0f2fe;color:#0284c7}.ci-step-pill.ready{background:#dcfce7;color:#16a34a}.ci-step-pill.queue{background:#fef3c7;color:#d97706}.text-cyan{color:#0284c7}.text-green{color:#16a34a}.text-amber{color:#d97706}.text-teal{color:#0e7490}.text-slate{color:#64748b}.ci-cust-wrap{flex:1;background:#f8fafc;padding:6px 9px;display:flex;flex-direction:column;gap:5px;overflow:hidden}.ci-cust-top{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px 7px;display:flex;justify-content:space-between;align-items:center}.ci-cust-user{display:flex;align-items:center;gap:5px}.ci-cust-avatar{width:16px;height:16px;border-radius:50%;background:#e0f2fe;display:grid;place-items:center;font-size:8px}.ci-cust-greeting{font-size:6px;color:#334155;line-height:1.1}.ci-cust-greeting strong{color:#0f172a}.ci-cust-tier{font-size:4.8px;color:#0e7490;font-weight:800;display:block}.ci-cust-saldo{text-align:right}.ci-saldo-label{font-size:4.5px;color:#64748b;display:block;font-weight:700}.ci-saldo-val{font-size:6.8px;color:#16a34a;font-weight:800;display:block}.ci-cust-card{background:#f0fdfa;border:1.2px solid #0e7490;border-radius:6px;padding:5px 8px;text-align:left}.ci-cust-card-header{display:flex;justify-content:space-between;align-items:center}.ci-card-label{font-size:4.6px;color:#0e7490;font-weight:800;display:block}.ci-cust-nota{font-size:7.5px;color:#083344;font-weight:800}.ci-cust-order-detail{display:flex;justify-content:space-between;align-items:center;font-size:5.5px;color:#334155;margin:2px 0 3px;padding:2px 4px;background:#fff;border-radius:3px;border:1px solid #ccfbf1}.ci-stepper-row.cust-scale{margin:3px 0}.ci-cust-progress-eta{display:flex;justify-content:space-between;font-size:4.8px;color:#475569;background:#ecfeff;border:1px solid #a5f3fc;border-radius:3px;padding:2px 4px}.ci-cust-action-row{display:flex;gap:3px}.ci-cust-btn{flex:1;background:#fff;border:1px solid #cbd5e1;color:#0f172a;font-size:5px;font-weight:700;padding:3px 4px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:2.5px}.ci-cust-btn.outline{border-color:#0e7490;color:#0e7490}.ci-cust-btn.highlight{background:#0e7490;color:#fff;border-color:#0e7490}.project-copy{padding:20px 20px 22px;flex:1;display:flex;flex-direction:column}.project-meta-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.project-number{font-size:10px;letter-spacing:.08em;font-weight:700;color:var(--muted)}.preview-mode-tag{display:inline-flex;align-items:center;gap:4px;font-size:8.5px;font-weight:800;padding:2.5px 7px;background:#fef08a;color:var(--ink);border:1.2px solid var(--ink);border-radius:2px;box-shadow:1.5px 1.5px 0 var(--ink);letter-spacing:.06em}.project-name{font-size:28px;line-height:1.1;margin:12px 0 10px}.project-description{font-size:13px;line-height:1.65;margin:0;color:var(--muted);min-height:66px}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.tag{display:inline-flex;align-items:center;gap:5px;border:1px solid #817d82;font-size:10px;padding:5px 7px;font-weight:600;line-height:1.2}.tag-icon{width:11px;height:11px;flex:none;fill:currentColor;color:inherit}.tag:hover .tag-icon{color:var(--tech-hover, currentColor)}.tag-icon[data-icon=react]{--tech-hover: #0891b2}.tag-icon[data-icon=typescript]{--tech-hover: #3178c6}.tag-icon[data-icon=googlegemini]{--tech-hover: #8e75b2}.tag-icon[data-icon=tailwindcss]{--tech-hover: #0891b2}.tag-icon[data-icon=firebase]{--tech-hover: #e65100}.tag-icon[data-icon=firebase-auth]{--tech-hover: #b45309}.tag-icon[data-icon=firestore]{--tech-hover: #ea580c}.tag-icon[data-icon=express]{--tech-hover: #374151}.tag-icon[data-icon=docker]{--tech-hover: #2496ed}.tag-icon[data-icon=flutter]{--tech-hover: #02569b}.tag-icon[data-icon=dart]{--tech-hover: #0175c2}.tag-icon[data-icon=riverpod]{--tech-hover: #3b82f6}.tag-icon[data-icon=midtrans]{--tech-hover: #0f766e}.tag-icon[data-icon=php]{--tech-hover: #777bb4}.tag-icon[data-icon=phpunit]{--tech-hover: #6d28d9}.tag-icon[data-icon=postgresql]{--tech-hover: #4169e1}.tag-icon[data-icon=javascript]{--tech-hover: #b7a200}.tag-icon[data-icon=html5]{--tech-hover: #e34f26}.tag-icon[data-icon=css]{--tech-hover: #663399}.tag-icon[data-icon=rbac]{--tech-hover: #7c3aed}.tag-icon[data-icon=laravel]{--tech-hover: #ff2d20}.tag-icon[data-icon=alpinedotjs]{--tech-hover: #0e7490}.tag-icon[data-icon=thermal]{--tech-hover: #b45309}.project-card .button{width:100%;margin-top:auto;border-width:2px;background:var(--bright)}.process{background:var(--ink);color:#fff;position:relative;overflow:hidden;border-top:4px solid var(--ink);border-bottom:4px solid var(--ink)}.process:before{content:"";position:absolute;right:-140px;top:0;width:600px;height:600px;pointer-events:none;background:repeating-conic-gradient(from 0deg at center,#ffffff1e 0 2deg,transparent 2deg 13deg);opacity:.5}.process .section-aside{color:#ccc6cf}.process .eyebrow{color:var(--bright)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:36px}.step-wrap{position:relative;display:flex}.step{flex:1;display:flex;flex-direction:column;border:3px solid #ffffff;background:#22202b;position:relative;overflow:hidden;padding:30px 30px 64px;min-height:248px;transition:background-color .18s ease}.step:hover{background:#2a2833}.step-arrow{position:absolute;z-index:3;top:50%;right:-19px;width:0;height:0;margin-top:-9px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:13px solid var(--bright);filter:drop-shadow(2px 2px 0 rgba(0,0,0,.65));pointer-events:none}.step:after{content:"";position:absolute;right:0;bottom:0;width:26px;height:26px;background:linear-gradient(135deg,transparent 0 50%,var(--bright) 50% 100%);pointer-events:none}.step-chapter{position:absolute;left:0;bottom:0;z-index:2;display:inline-block;padding:7px 13px;background:var(--bright);color:var(--ink);border-top:3px solid #ffffff;border-right:3px solid #ffffff;font-size:9.5px;font-weight:700;letter-spacing:.16em;line-height:1;transform:rotate(-1.5deg);transform-origin:bottom left;box-shadow:3px -3px #0d0c12;transition:transform .18s ease}.step:hover .step-chapter{transform:rotate(-1.5deg) translateY(-3px)}.step-sfx{font-size:106px;font-family:Anton,Impact,sans-serif;color:#ffffff30;position:absolute;right:18px;top:-15px;transform:rotate(-10deg);transition:color .18s ease}.step:hover .step-sfx{color:#ffffff45}.step-index{font-size:11px;color:var(--bright)}.step h3{font-size:28px;line-height:1.2;margin:30px 0 12px}.step p{font-size:13px;color:#cecbd0;max-width:290px;margin:0}.step-output{margin-top:auto;padding-top:14px;border-top:1px dashed #ffffff2e;font-size:9.5px;line-height:1.7;letter-spacing:.07em;text-transform:uppercase;color:#a8a3b2}.step-output-label{display:inline-block;margin-right:7px;padding:2px 6px;background:var(--bright);color:var(--ink);font-weight:700;letter-spacing:.16em}.process-note{margin:30px 0 0;max-width:640px;padding-left:16px;border-left:3px solid var(--bright);font-size:13px;line-height:1.75;font-style:italic;color:#cecbd0}.about-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:55px;align-items:start}.about-badge{border:4px solid var(--ink);box-shadow:var(--shadow);background:var(--accent);padding:32px;min-height:368px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;isolation:isolate}.about-badge:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(#15131b30 2px,transparent 3px);background-size:16px 16px;mask-image:linear-gradient(135deg,transparent 15%,#000 95%)}.about-starburst{position:absolute;top:25px;right:22px;background:var(--bright);width:83px;height:83px;display:grid;place-items:center;font-size:32px;clip-path:polygon(50% 0,62% 21%,83% 7%,79% 34%,100% 43%,78% 54%,94% 77%,69% 74%,55% 100%,43% 75%,20% 94%,25% 68%,0 54%,23% 43%,4% 18%,33% 27%);transform:rotate(12deg)}.about-badge .big-quote{font-size:43px;line-height:1.23;max-width:385px;margin:30px 0 40px}.about-badge .small-note{font-size:11px;font-weight:700;letter-spacing:.08em}.about-copy p{font-size:16px;line-height:1.9;margin:16px 0 20px;color:#45414b}.skill-groups{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:23px}.skill-box{border-top:2px solid var(--ink);padding-top:16px}.skill-box h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px}.skill-box p{font-size:13px;line-height:1.65;margin:0}.cert-block{margin-top:28px;padding-top:16px;border-top:2px solid var(--ink)}.cert-title{display:flex;align-items:center;gap:9px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px}.cert-title:before{content:"";width:16px;height:8px;background:var(--bright);flex:none}.cert-list{list-style:none;margin:0;padding:0;display:grid;gap:7px}.cert-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;font-size:13px;line-height:1.5}.cert-name{font-weight:600}.cert-meta{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#6a646f}.cert-link{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-decoration:underline;text-underline-offset:3px;margin-left:-4px;padding:2px 4px}.cert-link:hover{background:var(--bright)}.contact{padding:66px 0 76px}.contact-box{background:var(--bright);border:4px solid var(--ink);box-shadow:9px 9px 0 var(--ink);padding:48px;display:flex;align-items:end;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.contact-box:before{content:"";position:absolute;inset:-190px;pointer-events:none;background:repeating-conic-gradient(from 3deg at 48% 50%,transparent 0 14deg,#16151c1c 14deg 15.5deg);opacity:.75}.contact-box>div{position:relative;z-index:1}.contact-sfx{position:absolute;right:24px;top:16px;font-size:20px;letter-spacing:.07em;transform:rotate(7deg);color:var(--accent-strong);-webkit-text-stroke:.4px var(--ink)}.contact-title{font-size:clamp(48px,5.2vw,76px);line-height:1.05;max-width:650px;margin:11px 0 12px}.contact-box p{margin:0;max-width:510px;font-size:14px;line-height:1.7}.contact-buttons{display:flex;gap:11px;flex-wrap:wrap;position:relative;z-index:1}footer{border-top:2px solid var(--ink);padding:23px 0 32px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px}.footer-inner span{color:var(--muted)}.overlay{position:fixed;inset:0;z-index:100;background:#14131bcc;display:none;align-items:center;justify-content:center;padding:20px}.overlay.open{display:flex}.dialog{width:min(1060px,95vw);max-height:min(92vh,900px);overflow:auto;border:3.5px solid var(--ink);box-shadow:10px 10px 0 var(--bright);background:var(--paper-2);padding:32px 32px 28px;position:relative}.dialog-close{position:absolute;top:17px;right:17px;width:37px;height:37px;border:2px solid var(--ink);background:var(--bright);font-weight:800;font-size:21px;line-height:1}.dialog h2{font-size:46px;line-height:1.08;margin:12px 50px 16px 0}.dialog-preview-wrap{border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);margin-bottom:22px;background:var(--paper);overflow:hidden}.dialog-preview-head{background:var(--ink);color:var(--bright);padding:6px 12px;font-size:9.5px;font-weight:700;letter-spacing:.08em;display:flex;justify-content:space-between;align-items:center}.dialog-preview-head span:last-child{color:#fff;font-size:8.5px}.dialog-preview .project-art{height:auto;min-height:400px;max-height:520px;border-bottom:0;padding:26px 22px}.dialog-preview .project-art .art-corner,.dialog-preview .project-art .art-preview-pill{display:none!important}.dialog-preview .app-bawanghub{max-width:880px;box-shadow:7px 7px 0 var(--ink)}.dialog-preview .web-window-bar{padding:8px 14px}.dialog-preview .w-dot{width:9.5px;height:9.5px}.dialog-preview .web-window-url{padding:2.5px 12px;font-size:9.5px;gap:5px}.dialog-preview .bh-desktop-layout{grid-template-columns:160px 1fr;min-height:340px}.dialog-preview .bh-side-nav{padding:14px 12px}.dialog-preview .bh-nav-brand{font-size:13px;gap:6px;padding-bottom:9px;margin-bottom:9px}.dialog-preview .bh-nav-brand svg{width:16px;height:16px}.dialog-preview .bh-nav-links{gap:5px}.dialog-preview .bh-link{font-size:9.5px;padding:5px 8px;gap:7px}.dialog-preview .bh-link svg{width:13px;height:13px}.dialog-preview .bh-farmer-pill{font-size:9px;padding:4px 6px}.dialog-preview .bh-main-canvas{padding:12px 14px 14px;gap:10px}.dialog-preview .bh-top-row{gap:10px}.dialog-preview .bh-hero-card{padding:10px 12px;border-radius:8px}.dialog-preview .bh-hero-badge{font-size:8px}.dialog-preview .bh-hero-title{font-size:13px;margin:3px 0}.dialog-preview .bh-hero-desc{font-size:8.5px;margin-bottom:6px}.dialog-preview .bh-hero-btns{gap:6px}.dialog-preview .bh-btn-green{font-size:8px;padding:3.5px 8px}.dialog-preview .bh-btn-outline{font-size:8px;padding:3px 7px}.dialog-preview .bh-weather-box{padding:10px 12px;border-radius:8px}.dialog-preview .bh-weather-head{font-size:9px}.dialog-preview .bh-loc-tag{font-size:8px;padding:2px 5px}.dialog-preview .bh-weather-temp{font-size:18px}.dialog-preview .bh-weather-stat{font-size:9px}.dialog-preview .bh-weather-ai-tip{font-size:8px;padding:4px 6px}.dialog-preview .bh-cards-grid{gap:8px}.dialog-preview .bh-card{padding:8px;border-radius:7px}.dialog-preview .bh-card-icon{width:22px;height:22px;border-radius:5px;margin-bottom:4px}.dialog-preview .bh-card-icon svg{width:13px;height:13px}.dialog-preview .bh-card-title{font-size:9.5px}.dialog-preview .bh-card-desc{font-size:7.5px;margin:2px 0 5px}.dialog-preview .bh-card-action{font-size:7.5px;padding:2.5px 5px}.dialog-preview .app-ivss{max-width:880px;box-shadow:7px 7px 0 var(--ink)}.dialog-preview .ivss-navbar{padding:8px 16px}.dialog-preview .ivss-logo-img{width:20px;height:20px}.dialog-preview .ivss-site-title{font-size:13px}.dialog-preview .ivss-campus-tag{font-size:8px;padding:2px 5px}.dialog-preview .ivss-menu{gap:14px;font-size:9.5px}.dialog-preview .ivss-portal-login{font-size:8.5px;padding:3.5px 10px}.dialog-preview .ivss-hero{min-height:330px;padding:22px 26px 18px}.dialog-preview .ivss-kicker{font-size:8.5px;margin-bottom:6px}.dialog-preview .ivss-h1{font-size:22px;margin-bottom:8px}.dialog-preview .ivss-tagline{font-size:10px;max-width:520px;margin:0 auto 16px}.dialog-preview .ivss-highlights-row{gap:8px;margin-bottom:18px}.dialog-preview .ivss-pill{font-size:8px;padding:3.5px 9px;gap:5px}.dialog-preview .ivss-pill .pill-dot{width:4.5px;height:4.5px}.dialog-preview .ivss-learn-more{font-size:9.5px;padding:5px 18px;gap:6px}.dialog-preview .ivss-learn-more svg{width:10px;height:10px}.dialog-preview .phone-mockup-wrap{display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:32px!important;width:100%!important;height:auto!important;padding:12px 0!important}.dialog-preview .phone-screen-ticket{display:flex!important}.dialog-preview .phone-mockup-chassis{width:212px!important;height:444px!important;border-radius:32px!important;border-width:3.5px!important;padding:6px 5px!important;box-shadow:inset 0 0 0 1.5px #ffffff38!important;filter:drop-shadow(6px 6px 0 var(--ink))!important}.dialog-preview .phone-hw-btn.volume-up{left:-5.5px!important;top:68px!important;width:3.5px!important;height:22px!important}.dialog-preview .phone-hw-btn.volume-down{left:-5.5px!important;top:96px!important;width:3.5px!important;height:22px!important}.dialog-preview .phone-hw-btn.power-lock{right:-5.5px!important;top:80px!important;width:3.5px!important;height:32px!important}.dialog-preview .phone-dynamic-island{width:56px!important;height:11px!important;top:8px!important;padding:0 7px!important}.dialog-preview .phone-camera-lens{width:4.5px!important;height:4.5px!important}.dialog-preview .phone-speaker-slit{width:14px!important;height:2px!important}.dialog-preview .phone-screen-glass{border-radius:27px!important}.dialog-preview .phone-home-indicator{width:66px!important;height:3.5px!important;margin:3.5px auto 0!important}.dialog-preview .lk-white-header{padding:4px 9px 6px!important}.dialog-preview .lk-status-bar{height:14px!important;font-size:6.8px!important;padding:2px 10px 1px!important}.dialog-preview .lk-greeting-row{margin-bottom:4px!important}.dialog-preview .lk-user-info{gap:5px!important}.dialog-preview .lk-app-icon{width:20px!important;height:20px!important;border-radius:4px!important}.dialog-preview .lk-hello{font-size:9.5px!important}.dialog-preview .lk-loc{font-size:6.5px!important;gap:2.5px!important;margin-top:1.5px!important}.dialog-preview .lk-avatar{width:18px!important;height:18px!important;font-size:8.5px!important}.dialog-preview .lk-bell-btn{width:18px!important;height:18px!important}.dialog-preview .lk-bell-btn svg{width:9.5px!important;height:9.5px!important}.dialog-preview .lk-search-pill{padding:4px 9px!important;font-size:6.5px!important;gap:5px!important}.dialog-preview .lk-search-pill svg{width:8.5px!important;height:8.5px!important}.dialog-preview .lk-body{padding:6px 9px!important;gap:4px!important}.dialog-preview .lk-section-title{font-size:7.5px!important}.dialog-preview .lk-cat-row{gap:3.5px!important}.dialog-preview .lk-cat-chip{font-size:6.5px!important;padding:2.5px 7px!important}.dialog-preview .lk-field-list{gap:5px!important;margin-top:2px!important}.dialog-preview .lk-field-card{padding:4px 6px!important;gap:7px!important;border-radius:9px!important}.dialog-preview .lk-field-banner{width:52px!important;height:52px!important;border-radius:7px!important}.dialog-preview .lk-banner-badges{top:2.5px!important;left:2.5px!important;gap:2px!important}.dialog-preview .lk-badge-cat{font-size:4.5px!important;padding:1px 3px!important;border-radius:2px!important}.dialog-preview .lk-badge-type{font-size:4.2px!important;padding:.8px 3px!important;border-radius:2px!important}.dialog-preview .lk-venue-name{font-size:5.5px!important}.dialog-preview .lk-court-name,.dialog-preview .lk-price-row strong{font-size:7.5px!important}.dialog-preview .lk-price-row span,.dialog-preview .lk-meta-row{font-size:5.8px!important}.dialog-preview .lk-bottom-nav{padding:4px 6px!important;margin-top:auto!important;flex-shrink:0!important}.dialog-preview .lk-nav-tab svg{width:9.5px!important;height:9.5px!important}.dialog-preview .lk-nav-tab b{font-size:5.2px!important;margin-top:1.5px!important}.dialog-preview .lk-ticket-appbar{padding:3px 9px 6px!important}.dialog-preview .lk-ticket-header-title{font-size:8.5px!important;padding:2px 2px 0!important}.dialog-preview .lk-back-icon,.dialog-preview .lk-share-icon{font-size:10px!important}.dialog-preview .lk-ticket-body{padding:6px 9px!important;gap:5px!important}.dialog-preview .lk-ticket-pass{border-radius:9px!important}.dialog-preview .lk-pass-head{padding:5px 8px!important}.dialog-preview .lk-pass-brand{font-size:6.5px!important;gap:3px!important}.dialog-preview .lk-pass-logo{width:14px!important;height:14px!important;border-radius:3px!important}.dialog-preview .lk-brand-dot{width:4.5px!important;height:4.5px!important}.dialog-preview .lk-status-lunas{font-size:5.5px!important;padding:1.2px 5px!important}.dialog-preview .lk-pass-match{padding:5px 8px 3px!important}.dialog-preview .lk-match-venue{font-size:5.2px!important}.dialog-preview .lk-match-court{font-size:7.5px!important}.dialog-preview .lk-match-time{font-size:6.2px!important;margin-top:1.5px!important}.dialog-preview .lk-pass-perforated{height:8px!important}.dialog-preview .lk-perf-cutout{width:9px!important;height:9px!important}.dialog-preview .lk-perf-cutout.left{left:-5px!important}.dialog-preview .lk-perf-cutout.right{right:-5px!important}.dialog-preview .lk-pass-qr-box{padding:5px 8px 6px!important}.dialog-preview .lk-qr-frame{padding:4px!important;border-radius:7px!important}.dialog-preview .lk-qr-frame svg{width:74px!important;height:74px!important}.dialog-preview .lk-qr-code{font-size:6.8px!important;margin-top:2.5px!important}.dialog-preview .lk-qr-hint{font-size:5.2px!important}.dialog-preview .lk-pass-foot{padding:5px 8px!important}.dialog-preview .lk-pass-foot small{font-size:5.2px!important}.dialog-preview .lk-pass-foot b{font-size:7px!important}.dialog-preview .lk-ticket-btn{font-size:6.8px!important;padding:4.5px 8px!important;border-radius:5px!important;gap:4px!important;margin-top:2.5px!important}.dialog-preview .lk-ticket-btn svg{width:9px!important;height:9px!important}.dialog-preview .app-cuciin{width:100%!important;max-width:820px!important;height:auto!important;min-height:380px!important;margin:0 auto!important;border-radius:10px!important;box-shadow:7px 7px 0 var(--ink)!important}.dialog-preview .app-cuciin .ci-navbar{padding:8px 16px!important}.dialog-preview .ci-logo-img{width:24px!important;height:24px!important;border-radius:5px!important}.dialog-preview .ci-brand-text{font-size:15px!important}.dialog-preview .ci-nav-links{gap:16px!important;font-size:10px!important}.dialog-preview .ci-btn-outline{font-size:9.5px!important;padding:5px 10px!important;gap:5px!important;border-radius:6px!important}.dialog-preview .ci-btn-outline svg{width:10px!important;height:10px!important}.dialog-preview .ci-btn-solid{font-size:9.5px!important;padding:5px 12px!important;border-radius:6px!important}.dialog-preview .ci-hero{padding:24px 30px 22px!important;gap:10px!important}.dialog-preview .ci-hero-h1{font-size:24px!important;line-height:1.2!important}.dialog-preview .ci-hero-sub{font-size:11.5px!important;line-height:1.5!important;margin:6px 0 16px!important;max-width:80%!important}.dialog-preview .ci-tracking-box{max-width:560px!important;padding:6px 8px!important;border-radius:12px!important;gap:8px!important}.dialog-preview .ci-tracking-input-wrap{padding:6px 12px!important;border-radius:8px!important;gap:8px!important}.dialog-preview .ci-tracking-input-wrap svg{width:15px!important;height:15px!important}.dialog-preview .ci-tracking-input{font-size:12px!important}.dialog-preview .ci-tracking-btn{font-size:11.5px!important;padding:8px 16px!important;border-radius:8px!important;gap:6px!important}.dialog-preview .ci-tracking-btn svg{width:12px!important;height:12px!important}.dialog-preview .ci-tracking-hint{font-size:10px!important;margin:6px 0 12px!important}.dialog-preview .ci-trust-pills{gap:8px!important;margin-top:4px!important}.dialog-preview .ci-pill{font-size:10px!important;padding:4px 10px!important;gap:5px!important}.dialog-preview .ci-result-stage{max-width:620px!important;padding:18px 22px!important;border-radius:12px!important;gap:10px!important}.dialog-preview .ci-result-label{font-size:9.5px!important}.dialog-preview .ci-result-nota{font-size:16px!important}.dialog-preview .ci-status-badge{font-size:11px!important;padding:4px 11px!important}.dialog-preview .ci-stepper-row{margin:10px 0!important}.dialog-preview .ci-step-circle{width:26px!important;height:26px!important;font-size:12px!important}.dialog-preview .ci-step-text b{font-size:10.5px!important}.dialog-preview .ci-step-text small{font-size:9px!important}.dialog-preview .ci-step-line{height:3px!important;transform:translateY(-8px)!important}.dialog-preview .ci-result-meta{padding:8px 14px!important;font-size:11px!important;border-radius:8px!important}.dialog-preview .ci-result-estimasi{padding:6px 14px!important;font-size:10.5px!important;border-radius:6px!important}.dialog-preview .ci-badge-ontime{font-size:9.5px!important;padding:2px 7px!important}.dialog-preview .ci-reset-btn{font-size:10.5px!important;padding:6px 14px!important;border-radius:6px!important;margin-top:6px!important}.dialog-preview .project-art.pos{height:auto!important;min-height:500px!important;max-height:none!important;padding:20px 16px!important}.dialog-preview .app-cuciin{width:100%!important;max-width:820px!important;height:480px!important;min-height:480px!important;margin:0 auto!important;border-radius:10px!important;box-shadow:7px 7px 0 var(--ink)!important;overflow:hidden!important}.dialog-preview .ci-screen-stepper{gap:6px!important}.dialog-preview .ci-nav-arrow{width:22px!important;height:22px!important;font-size:13px!important;border-radius:5px!important}.dialog-preview .ci-slide-dots{gap:5px!important}.dialog-preview .ci-dot{width:7px!important;height:7px!important}.dialog-preview .ci-dot.active{width:18px!important}.dialog-preview .ci-slides-viewport{width:100%!important;height:calc(100% - 38px)!important;overflow:hidden!important;position:relative!important;touch-action:pan-y pinch-zoom!important}.dialog-preview .ci-slides-track{display:flex!important;flex-direction:row!important;width:300%!important;height:100%!important;transition:transform .38s cubic-bezier(.16,1,.3,1)!important}.dialog-preview .ci-slide-pane{width:33.333333%!important;flex-shrink:0!important;min-width:0!important;display:flex!important;flex-direction:column!important;height:100%!important;overflow-y:auto!important}.dialog-preview .ci-master-strip{gap:8px!important}.dialog-preview .ci-master-card{padding:8px 12px!important;border-radius:8px!important}.dialog-preview .ci-master-label{font-size:9px!important}.dialog-preview .ci-master-num{font-size:16px!important;margin:2px 0!important}.dialog-preview .ci-master-sub,.dialog-preview .ci-master-link{font-size:9px!important}.dialog-preview .ci-sidebar{width:130px!important;padding:12px 8px!important;gap:10px!important}.dialog-preview .ci-sidebar-brand{gap:6px!important;padding:4px 4px 8px!important}.dialog-preview .ci-sidebar-logo{width:18px!important;height:18px!important}.dialog-preview .ci-sidebar-title{font-size:13px!important}.dialog-preview .ci-sidebar-nav{gap:4px!important}.dialog-preview .ci-nav-item{padding:5px 8px!important;font-size:10px!important;border-radius:6px!important;gap:6px!important}.dialog-preview .ci-nav-item svg{width:12px!important;height:12px!important}.dialog-preview .ci-admin-wrap{padding:16px 20px!important;gap:12px!important}.dialog-preview .ci-admin-header{padding:10px 16px!important;border-radius:10px!important}.dialog-preview .ci-admin-avatar{width:32px!important;height:32px!important;font-size:11px!important}.dialog-preview .ci-admin-role{font-size:9.5px!important}.dialog-preview .ci-admin-title{font-size:14px!important}.dialog-preview .ci-chip-status{font-size:10px!important;padding:4px 10px!important;gap:5px!important}.dialog-preview .ci-btn-add-trx{font-size:10.5px!important;padding:6px 14px!important;border-radius:6px!important}.dialog-preview .ci-kpi-grid{gap:10px!important}.dialog-preview .ci-kpi-card{padding:10px 12px!important;border-radius:8px!important}.dialog-preview .ci-kpi-label{font-size:9.5px!important}.dialog-preview .ci-kpi-val{font-size:17px!important;margin:3px 0!important}.dialog-preview .ci-kpi-trend,.dialog-preview .ci-kpi-sub{font-size:9.5px!important}.dialog-preview .ci-table-box{padding:12px 16px!important;border-radius:10px!important}.dialog-preview .ci-table-title{font-size:11px!important}.dialog-preview .ci-live-badge{font-size:10px!important}.dialog-preview .ci-tr{font-size:10.5px!important;padding:6px 8px!important}.dialog-preview .ci-tr.ci-th{font-size:10px!important}.dialog-preview .ci-step-pill{font-size:9.5px!important;padding:3px 8px!important}.dialog-preview .ci-cust-wrap{padding:16px 20px!important;gap:12px!important}.dialog-preview .ci-cust-top{padding:10px 16px!important;border-radius:10px!important}.dialog-preview .ci-cust-avatar{width:32px!important;height:32px!important;font-size:16px!important}.dialog-preview .ci-cust-greeting{font-size:13px!important}.dialog-preview .ci-cust-tier{font-size:10px!important}.dialog-preview .ci-saldo-label{font-size:9.5px!important}.dialog-preview .ci-saldo-val{font-size:14px!important}.dialog-preview .ci-cust-card{padding:14px 18px!important;border-radius:10px!important}.dialog-preview .ci-card-label{font-size:10px!important}.dialog-preview .ci-cust-nota{font-size:16px!important}.dialog-preview .ci-cust-order-detail{font-size:12px!important;padding:6px 10px!important;margin:6px 0!important}.dialog-preview .ci-cust-progress-eta{font-size:10.5px!important;padding:6px 10px!important}.dialog-preview .ci-cust-action-row{gap:8px!important}.dialog-preview .ci-cust-btn{font-size:10.5px!important;padding:8px 14px!important;border-radius:6px!important;gap:6px!important}.dialog-preview .ci-cust-btn svg{width:13px!important;height:13px!important}.dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.dialog h3{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border-bottom:2px solid var(--ink);padding-bottom:7px;margin:0 0 10px}.dialog p{font-size:14px;line-height:1.7;margin:0 0 20px}.dialog-brand-bar{height:6px;background:var(--ink);margin:-32px -32px 22px;border-bottom:2px solid var(--ink)}.dialog-highlights{list-style:none;padding:0;margin:0 0 22px;display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.dialog-highlights li{font-size:12.5px;line-height:1.45;padding:8px 10px 8px 24px;background:var(--paper);border:1.5px solid var(--ink);position:relative;font-weight:500}.dialog-highlights li:before{content:"▸";position:absolute;left:9px;top:7px;font-weight:800;color:var(--accent-strong)}.dialog-stack{display:flex;gap:7px;flex-wrap:wrap}.dialog-note{margin-top:25px;background:var(--paper);border:1px solid #aaaaaa;padding:12px;font-size:11px;color:#666}.command-dialog{width:min(580px,100%);padding:0}.command-input{width:100%;border:0;border-bottom:2px solid var(--ink);background:var(--paper-2);padding:25px 25px 25px 28px;font-size:17px;outline:none}.command-list{padding:12px;max-height:390px;overflow:auto}.command-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:transparent;border:0;text-align:left;padding:13px 14px;font-weight:700;font-size:13px;cursor:pointer}.command-item:hover,.command-item:focus{background:var(--accent)}.command-item small{font-size:10px;color:var(--muted);font-weight:500}.command-help{font-size:10px;color:var(--muted);padding:11px 24px;border-top:1px solid #dddddd}.command-empty{padding:24px;color:var(--muted);font-size:13px}.toast{position:fixed;bottom:24px;right:24px;z-index:110;background:var(--ink);color:#fff;border:2px solid var(--bright);padding:13px 18px;max-width:310px;font-size:12px;opacity:0;transform:translateY(12px);transition:all .2s;pointer-events:none}.toast.visible{opacity:1;transform:translateY(0)}@media(max-width:1090px){.hero-title{font-size:clamp(66px,8vw,103px)}.comic-hero-eyebrow{margin-top:65px}.hero-main-panel{--bubble-right: 12px;--bubble-w: 105px;--bubble-h: 78px;padding:28px}.intro-bubble{font-size:21px}.intro-tail{width:38px;height:34px;right:calc(var(--bubble-right) + var(--bubble-w) - 27px)}.photo-frame{height:418px}.strip-impact{font-size:61px}}@media(max-width:1050px){.nav{gap:15px}.hero-grid{gap:28px}.hero-title{font-size:clamp(60px,8vw,80px)}}@media(max-width:860px){.shell{padding:0 22px}.section.shell{padding-left:22px;padding-right:22px}.hero-grid{grid-template-columns:1.12fr .88fr;gap:10px}.hero-main-panel{min-height:500px}.photo-comic-panel{height:auto;min-height:500px}.hero-title{font-size:clamp(56px,7.7vw,77px)}.hero-main-panel .hero-desc{font-size:14px}.intro-bubble,.intro-tail{display:none}.comic-hero-eyebrow{margin-top:45px}.photo-frame{height:auto;min-height:340px;margin:74px 20px 95px;width:calc(100% - 40px)}.photo-speech{width:81px;height:76px;font-size:16px;right:4px;top:70px}.photo-caption .display{font-size:25px}.photo-caption .mono{font-size:8px}.photo-upload-button{bottom:87px;right:12px}.strip-big,.strip-action{font-size:72px}.strip-impact{font-size:53px}.comic-strip{gap:10px}.strip-panel{height:115px}.projects-grid{grid-template-columns:1fr;gap:24px}.card-bawanghub,.card-lapangku,.card-cuciin,.card-ivss{grid-column:span 1}.card-bawanghub .project-art,.card-lapangku .project-art,.card-cuciin .project-art,.card-ivss .project-art{height:auto;min-height:290px;padding:16px 14px}.phone-mockup-wrap{margin:8px auto}.about-grid{grid-template-columns:1fr;gap:34px}.contact-box{flex-direction:column;align-items:start}.nav{display:none;position:absolute;top:100%;left:0;right:0;padding:18px 22px 23px;background:var(--paper-2);border-bottom:2px solid var(--ink);box-shadow:0 8px #16151c18;flex-direction:column;align-items:start;gap:17px}.nav.open{display:flex}.mobile-menu-btn{display:inline-flex}.header-inner{min-height:70px}.palette-auto-badge{padding:6px 9px;font-size:9.5px}}@media(max-width:700px){.hero-grid{grid-template-columns:1fr}.hero-main-panel{min-height:500px}.hero-title{font-size:clamp(74px,13vw,112px)}.photo-comic-panel{height:530px;min-height:0}.photo-frame{height:390px;flex:none;min-height:0;width:calc(100% - 110px);margin:74px auto 0}.photo-speech{width:112px;height:100px;font-size:22px;right:20px;top:86px}.photo-caption .display{font-size:35px}.photo-upload-button{bottom:99px}.comic-strip{grid-template-columns:1fr 1fr}.strip-three{grid-column:1 / -1}.strip-panel{height:116px}.strip-impact{font-size:80px}.comic-hero-eyebrow{margin-top:42px}}@media(max-width:580px){.shell{padding:0 17px}.section.shell{padding-left:17px;padding-right:17px}.top-note .right-note{display:none}.top-note{font-size:9px}.hero{padding:43px 0 53px}.hero-title{font-size:clamp(49px,14vw,74px);margin-top:17px}.hero-desc{font-size:15px}.hero-bottom{margin-top:30px}.header-actions{gap:7px}.header-actions .button.tiny{padding:9px}.brand-word{font-size:17px}.brand-mark{height:31px;width:31px}.section{padding:53px 0}.section-head{align-items:start;flex-direction:column;gap:13px}.section-title{font-size:48px}.projects-grid{grid-template-columns:1fr}.project-art{height:auto;min-height:240px;padding:14px 10px}.card-lapangku .project-art{min-height:350px}.project-description{min-height:0}.process-grid{grid-template-columns:1fr;gap:22px}.step{min-height:0;padding:25px 25px 58px}.step-arrow{inset:auto auto -18px 50%;margin:0 0 0 -6.5px;transform:rotate(90deg)}.step h3{margin:13px 0 9px}.skill-groups{grid-template-columns:1fr}.contact{padding:46px 0 65px}.contact-box{padding:28px;box-shadow:6px 6px 0 var(--ink)}.contact-title{font-size:49px}.footer-inner{flex-direction:column;align-items:start}.dialog{padding:20px}.dialog-brand-bar{margin:-20px -20px 18px}.dialog h2{font-size:36px}.dialog-grid{grid-template-columns:1fr;gap:5px}.dialog-highlights{grid-template-columns:1fr}.app-bawanghub{max-width:100%}.bh-top-row{grid-template-columns:1fr}.bh-cards-grid{grid-template-columns:repeat(2,1fr)}.app-ivss{max-width:100%}.ivss-menu{display:none}.ivss-highlights-row{gap:3px}.ivss-pill{font-size:4.5px;padding:1px 4px}.dialog-preview .phone-mockup-wrap{flex-direction:column!important;gap:24px!important}}@media(max-width:470px){.hero{padding-top:23px}.hero-chapter-heading{font-size:8px}.hero-chapter-heading span:last-child{max-width:145px;text-align:right}.hero-main-panel{padding:20px 20px 24px;min-height:490px}.hero-title{font-size:clamp(63px,15vw,84px)}.comic-hero-eyebrow{margin-top:47px;font-size:9px}.hero-lead{font-size:9px;gap:5px}.hero-main-panel .hero-desc{font-size:14px;line-height:1.65}.hero-main-panel .hero-bottom{font-size:9px;line-height:1.6}.hero-main-panel .hero-actions{gap:9px}.hero-main-panel .button{padding:11px;font-size:10px}.photo-comic-panel{height:465px;min-height:0}.photo-frame{height:350px;flex:none;min-height:0;width:calc(100% - 70px);margin-top:57px}.photo-speech{width:79px;height:70px;top:80px;right:8px;font-size:17px}.photo-label{top:10px;left:12px}.photo-caption{bottom:12px}.photo-caption .display{font-size:26px}.photo-caption .mono{font-size:7px}.photo-upload-button{bottom:76px}.photo-sfx{font-size:36px;bottom:72px}.strip-panel{height:104px}.strip-big,.strip-action,.strip-impact{font-size:60px}.strip-number,.strip-caption{font-size:8px}.chapter-kicker{font-size:9px}.project-art{height:auto;min-height:220px}.card-lapangku .project-art{min-height:345px}.phone-mockup-chassis{transform:scale(.95);transform-origin:center center}}.manga-fx-container{position:fixed;inset:0;pointer-events:none;z-index:999;overflow:hidden}.manga-pop-sfx{position:fixed;transform:translate(-50%,-50%) rotate(var(--pop-rot, -6deg)) scale(0);background:var(--pop-bg, #f3dc55);color:var(--ink);border:2.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:4px 10px;border-radius:8px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;user-select:none;animation:mangaPopAnim .72s cubic-bezier(.16,1,.3,1) forwards;z-index:999}.manga-pop-sfx .pop-text{font-size:19px;line-height:1;letter-spacing:.04em;text-shadow:1px 1px 0 rgba(255,255,255,.6)}.manga-pop-sfx .pop-sub{font-size:7px;font-weight:800;letter-spacing:.12em;color:var(--ink);opacity:.85;margin-top:2px}.manga-pop-sfx .pop-spark{position:absolute;font-size:10px;color:var(--ink);pointer-events:none}.manga-pop-sfx .pop-spark.s1{top:-8px;right:-6px;animation:sparkTwinkle .6s infinite alternate}.manga-pop-sfx .pop-spark.s2{bottom:-7px;left:-5px;animation:sparkTwinkle .6s infinite alternate-reverse}@keyframes mangaPopAnim{0%{opacity:0;transform:translate(-50%,-40%) rotate(var(--pop-rot, -6deg)) scale(.2)}22%{opacity:1;transform:translate(-50%,-70%) rotate(var(--pop-rot, -6deg)) scale(1.18)}60%{opacity:1;transform:translate(-50%,-85%) rotate(var(--pop-rot, -6deg)) scale(1)}to{opacity:0;transform:translate(-50%,-115%) rotate(var(--pop-rot, -6deg)) scale(.85)}}@keyframes sparkTwinkle{0%{transform:scale(.8) rotate(0)}to{transform:scale(1.3) rotate(90deg)}}.comic-particle{position:fixed;font-size:20px;font-weight:900;pointer-events:none;user-select:none;z-index:1001;text-shadow:2px 2px 0 var(--ink);animation:particleBurst 1.1s cubic-bezier(.25,1,.5,1) forwards}@keyframes particleBurst{0%{opacity:1;transform:translate(0) scale(.3) rotate(0)}80%{opacity:.9}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(1.35) rotate(var(--rot))}}