@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap";
:root{--bp-bg:#070709;--bp-sidebar-bg:#0a0a0c;--bp-card-bg:#111114;--bp-accent:#e0e0e0;--bp-muted:#888;--bp-subtle:#555;--bp-border:#1a1a1f;--bp-hover:#161619;--bp-highlight:#fff;--bp-sidebar-w:300px;--bp-gap:16px;--bp-glow-purple:#8b5cf626;--bp-glow-blue:#3b82f61a}.portfolio-wrapper{background:var(--bp-bg);min-height:100vh;color:var(--bp-accent);font-family:Inter,-apple-system,sans-serif;display:flex}.portfolio-main{flex:1;min-height:100vh}.portfolio-container{width:100%;min-height:100vh;display:flex}.identity-col{width:var(--bp-sidebar-w);background:var(--bp-sidebar-bg);border-right:1px solid #ffffff0a;flex-shrink:0;position:relative}.identity-col:after{content:"";pointer-events:none;background:linear-gradient(#8b5cf633 0%,#0000 30% 70%,#3b82f626 100%);width:1px;height:100%;position:absolute;top:0;right:0}.identity-sticky{scrollbar-width:none;flex-direction:column;height:100vh;padding:48px 32px;display:flex;position:sticky;top:0;overflow-y:auto}.identity-sticky::-webkit-scrollbar{display:none}.cases-col{background:var(--bp-bg);flex-direction:column;flex:1;min-width:0;padding:48px 56px;display:flex}.award-item{border:1px solid var(--bp-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff05;border-radius:10px;flex-direction:column;gap:2px;padding:10px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.award-item:hover{background:#8b5cf60d;border-color:#8b5cf64d;transform:translateY(-1px);box-shadow:0 4px 20px #8b5cf614}.social-btn{transition:all .3s}.social-btn:hover svg{color:var(--bp-highlight)}.social-btn:hover{padding-left:4px}.logos-section{border-bottom:1px solid var(--bp-border);background:linear-gradient(135deg,#8b5cf608,#3b82f605);border:1px solid #ffffff08;border-radius:16px;margin-bottom:32px;padding:28px 0 32px}.logos-slider-container{width:100%;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%)}.logos-track{flex-shrink:0;justify-content:space-around;align-items:center;gap:36px;min-width:100%;padding-right:36px;animation:25s linear infinite bp-scroll-logos;display:flex}.logo-slide{flex-shrink:0;justify-content:center;align-items:center;width:140px;height:56px;display:flex}.logo-img{object-fit:contain;width:auto;max-width:120px;height:auto;min-height:28px;max-height:48px}@keyframes bp-scroll-logos{0%{transform:translate(0)}to{transform:translate(-100%)}}.underline-hover-effect{position:relative}.underline-hover-effect:after{content:"";transform-origin:100% 100%;background:linear-gradient(90deg,#8b5cf699,#3b82f699);width:100%;height:1px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.underline-hover-effect:hover:after{transform-origin:0 100%;transform:scaleX(1)}@keyframes bp-shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes bp-glow-pulse{0%,to{box-shadow:0 0 12px #8b5cf626}50%{box-shadow:0 0 24px #8b5cf64d}}@keyframes bp-gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes bp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.bp-shimmer-text{background:linear-gradient(90deg,#888 0%,#fff 25%,#888 50%,#fff 75%,#888 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite bp-shimmer}.bp-gradient-border{position:relative}.bp-gradient-border:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#8b5cf64d,#0000 40% 60%,#3b82f633);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.bp-edit-fab{z-index:50;color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:8px;padding:14px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);animation:3s ease-in-out infinite bp-float;display:flex;position:fixed;bottom:32px;right:32px;box-shadow:0 8px 32px #8b5cf659,0 0 0 1px #8b5cf61a}.bp-edit-fab:hover{background:linear-gradient(135deg,#9b6cf6,#7c3aed);transform:translateY(-2px)scale(1.03);box-shadow:0 12px 40px #8b5cf680,0 0 0 1px #8b5cf633}.bp-edit-fab svg{width:18px;height:18px}.bp-section-label{letter-spacing:.2em;text-transform:uppercase;color:#555;align-items:center;gap:12px;font-family:JetBrains Mono,Geist Mono,monospace;font-size:10px;font-weight:600;display:flex}.bp-section-label:after{content:"";background:linear-gradient(90deg, var(--bp-border), transparent);flex:1;height:1px}.bp-glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.bp-glass-card:hover{background:#ffffff0a;border-color:#ffffff14;box-shadow:0 8px 32px #0000004d}@media (max-width:900px){.portfolio-container{flex-direction:column}.identity-col{border-right:none;border-bottom:1px solid var(--bp-border);width:100%}.identity-col:after{display:none}.identity-sticky{height:auto;min-height:auto;padding:32px 24px;position:relative}.cases-col{padding:24px 20px}.bp-edit-fab{padding:12px 20px;font-size:13px;bottom:20px;right:20px}}