*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{min-height:100%;scroll-behavior:smooth;scroll-padding-top:120px}body{min-height:100%;overflow-x:hidden;background:radial-gradient(circle at top,#1a1425,#0d0b14 60%);color:#eae6f2;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{transition:transform .16s ease,opacity .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,filter .16s ease}button:hover,a:hover{filter:brightness(1.08)}button:active,a:active{transform:translateY(1px) scale(.99);filter:brightness(.96)}button:focus-visible,a:focus-visible{outline:2px solid rgba(160,205,255,.75);outline-offset:3px}.portfolio-navbar{position:fixed;top:24px;left:50%;z-index:1000;width:94vw;max-width:1560px;min-height:88px;transform:translate(-50%);border:1px solid rgba(175,150,255,.18);border-radius:999px;background:linear-gradient(180deg,#201a30d1,#0d0b14b8);box-shadow:0 24px 80px #0000005c,0 0 60px #9173ff1f;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.portfolio-navbar-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:88px;padding:14px 24px}.portfolio-navbar-brand{display:flex;flex-direction:column;gap:4px;min-width:220px}.portfolio-navbar-brand span{color:#eae6f2bd;font-size:.82rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.portfolio-navbar-brand strong{color:#fff;font-size:1.08rem;line-height:1.1}.navbar-zone-list{display:flex;align-items:center;justify-content:flex-end;gap:12px}.navbar-menu-toggle{display:none}.navbar-zone-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid rgba(175,150,255,.18);border-radius:999px;background:#ffffff09;color:#eae6f2d1;font:inherit;font-size:.96rem;font-weight:700;line-height:1;cursor:pointer;opacity:.76;appearance:none;-webkit-appearance:none;box-shadow:inset 0 1px #ffffff0b}.navbar-zone-button:hover{transform:translateY(-1px);opacity:1;background:#9b82ff1a;border-color:#b9a5ff3d;box-shadow:0 10px 28px #0000003d,0 0 22px #9173ff1f}.navbar-zone-button[aria-current=page]{opacity:1;color:#fff;background:#9b82ff29;border-color:#cdb9ff5c;box-shadow:inset 0 1px #ffffff13,0 0 28px #9173ff2e}.glass-action{transition:transform .16s ease,opacity .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,filter .16s ease}.glass-action:hover{transform:translateY(-1px);opacity:1;background:#9b82ff21!important;border-color:#b9a5ff47!important;box-shadow:0 10px 28px #0000003d,0 0 24px #9173ff24}.glass-action-primary:hover{background:#9b82ff29!important;border-color:#c3afff52!important}.glass-action:active{transform:translateY(1px) scale(.985);background:#beaaff33!important;border-color:#dccdff6b!important;box-shadow:inset 0 0 18px #ffffff14,0 0 30px #a587ff38}.live-preview-surface,.system-surface{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.live-preview-surface:hover{border-color:#b9a5ff3d!important;box-shadow:0 24px 80px #00000047,0 0 34px #9173ff1f}.system-surface:hover{transform:translateY(-6px);border-color:#d2c3ff6b!important;background:linear-gradient(135deg,#9b82ff1b,#ffffff07)!important;box-shadow:0 36px 110px #00000061,0 0 64px #9173ff38}.policy-result-surface{position:relative;overflow:hidden;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.policy-result-surface:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 18% 50%,rgba(155,130,255,.18),transparent 34%),linear-gradient(90deg,rgba(155,130,255,.08),transparent 55%);transition:opacity .22s ease}.policy-result-surface--active{transform:translateY(-2px);border-color:#d7c8ff6b!important;background:linear-gradient(135deg,#9b82ff1f,#00000047)!important;box-shadow:0 24px 70px #00000057,0 0 54px #9173ff3d}.policy-result-surface--active:before{opacity:1}.workbench-stage-button{transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,filter .18s ease}.workbench-stage-button:hover{transform:translateY(-4px);border-color:#cdbeff57!important;background:linear-gradient(135deg,#9b82ff1f,#ffffff06)!important;box-shadow:0 22px 64px #00000057,0 0 38px #9173ff2e}.workbench-stage-button--active{border-color:#dccdff75!important;background:linear-gradient(135deg,#9b82ff2e,#ffffff0a)!important;box-shadow:inset 0 0 0 1px #ffffff0b,0 24px 72px #0000005c,0 0 52px #9173ff3d}.workbench-stage-button:active{transform:translateY(1px) scale(.985);border-color:#ebe1ff80!important;box-shadow:inset 0 0 22px #ffffff1a,0 0 38px #a587ff42}.contact-surface,.contact-channel-card,.contact-signal-card{transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.contact-surface{position:relative;overflow:hidden}.contact-surface:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.72;background:radial-gradient(circle at 12% 20%,rgba(155,130,255,.14),transparent 34%),radial-gradient(circle at 82% 80%,rgba(79,212,255,.08),transparent 30%)}.contact-surface>*{position:relative;z-index:1}.contact-surface:hover,.contact-channel-card:hover,.contact-signal-card:hover{transform:translateY(-2px);border-color:#cdb9ff57!important;box-shadow:0 28px 84px #00000057,0 0 44px #9173ff29}.contact-channel-card--primary{border-color:#cdb9ff5c!important;background:#9b82ff1f!important}.footer-link{transition:transform .16s ease,opacity .16s ease,filter .16s ease}.footer-link:hover{transform:translateY(-1px);opacity:1!important}.footer-link:hover span[aria-hidden=true]{border-color:#c3afff57!important;background:#9b82ff24!important;box-shadow:0 0 22px #9173ff29}@media(max-width:900px){section[data-zone]{width:100%!important;max-width:100%!important;min-height:auto!important;overflow-x:hidden!important;padding-left:20px!important;padding-right:20px!important}section[data-zone] *,section[data-zone] *:before,section[data-zone] *:after{box-sizing:border-box!important;min-width:0!important}section[data-zone]>div,section[data-zone] article,section[data-zone] header{width:100%!important;max-width:100%!important}section[data-zone] [style*="display: grid"],section[data-zone] [style*=grid-template-columns],section[data-zone] [style*="repeat("]{grid-template-columns:1fr!important}section[data-zone] [style*="display: flex"]{flex-wrap:wrap!important}section[data-zone=systems] article,section[data-zone=workbench] article,section[data-zone=contact] article,.live-preview-surface,.system-surface,.contact-surface{width:100%!important;max-width:100%!important}section[data-zone=workbench] button,section[data-zone=workbench] .workbench-stage-button{width:100%!important;max-width:100%!important;grid-column:1 / -1!important}section[data-zone=identity] h1,section[data-zone=systems] h2,section[data-zone=workbench] h2,section[data-zone=contact] h2{max-width:100%!important;font-size:clamp(2.4rem,9vw,4rem)!important;line-height:1.04!important;letter-spacing:-.055em!important}section[data-zone] p{max-width:100%!important}}@media(max-width:760px){html{scroll-padding-top:104px}.portfolio-navbar{top:12px;left:12px;right:12px;width:auto;max-width:none;min-height:72px;transform:none;border-radius:28px}.portfolio-navbar-inner{min-height:72px;padding:12px 14px}.portfolio-navbar-brand{min-width:0}.portfolio-navbar-brand span{font-size:.72rem;letter-spacing:.16em}.portfolio-navbar-brand strong{font-size:.98rem}.navbar-menu-toggle{display:inline-flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:46px;height:46px;border:1px solid rgba(195,175,255,.22);border-radius:999px;background:#ffffff0b;cursor:pointer;appearance:none;-webkit-appearance:none}.navbar-menu-toggle span{display:block;width:18px;height:2px;border-radius:999px;background:#ffffffe0}.navbar-zone-list{position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:1001;display:none;grid-template-columns:1fr;gap:10px;padding:12px;border:1px solid rgba(205,185,255,.24);border-radius:24px;background:linear-gradient(180deg,#191426fc,#09070efc);box-shadow:0 28px 90px #0000009e,0 0 64px #9173ff33;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.navbar-zone-list--open{display:grid}.navbar-zone-list .navbar-zone-button{width:100%;min-height:54px;justify-content:center;padding:13px 16px;text-align:center;background:#ffffff0b;border-color:#c3afff33;opacity:.9}.navbar-zone-list .navbar-zone-button[aria-current=page]{background:#9b82ff3d;border-color:#dccdff7a}}@media(max-width:760px){section[data-zone]{padding-left:16px!important;padding-right:16px!important}section[data-zone=identity],section[data-zone=systems],section[data-zone=workbench],section[data-zone=contact]{padding-top:136px!important;padding-bottom:72px!important}section[data-zone=identity] h1{font-size:clamp(3rem,15vw,4.4rem)!important;line-height:.98!important}section[data-zone=systems] h2,section[data-zone=workbench] h2,section[data-zone=contact] h2{font-size:clamp(2.4rem,12vw,3.4rem)!important;line-height:1!important}.live-preview-surface,.system-surface,.contact-surface{padding:22px!important;border-radius:28px!important}.workbench-stage-button{min-height:auto!important;padding:18px!important;text-align:left!important}.workbench-stage-button h3{font-size:1.1rem!important;line-height:1.2!important}.workbench-stage-button p{font-size:.92rem!important;line-height:1.45!important}.glass-action{width:100%!important;justify-content:center!important;text-align:center!important}}