@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap";body{font-family:Open Sans,sans-serif;margin:0;padding:0;line-height:28px;color:#fff;background-color:#101827}section{padding:16px 0;max-width:1190px;margin:0 auto;background-color:#1f2937;border-radius:8px}h2{padding:16px;text-align:center;font-size:32px;font-weight:700;line-height:normal}a{text-decoration:none}header{background-color:#000;position:sticky;top:34px;z-index:1000;height:64px;border-radius:32px;box-shadow:0 4px 16px #ffffff29;margin:34px auto 0;max-width:1190px;width:100%}.header-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;height:100%;padding:0 32px}.header-col{display:flex;height:100%;align-items:center}.logo-col{justify-content:flex-start}.role-col{justify-content:center}.nav-col{justify-content:flex-end}.logo{width:32px;height:32px;display:block}.logo-link{display:flex;align-items:center;justify-content:center;height:100%}.role{font-weight:400;color:#3c82f6;text-align:center}.desktop-menu{display:flex;list-style:none;margin:0;padding:0;gap:32px}.desktop-menu a{color:#fff;text-decoration:none;font-size:16px}.desktop-menu li a{transition:color .2s ease;color:#fff}.desktop-menu li a:hover,.desktop-menu li .active{color:#60a5fa}.mobile-menu-icon{display:none;color:#fff;cursor:pointer}.tooltip-bottom{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center}.tooltiptext-bottom{visibility:hidden;width:max-content;background-color:#2d3748;color:#fff;text-align:center;border-radius:6px;padding:8px 12px;position:absolute;z-index:999;top:130%;opacity:0;transition:opacity .3s;font-size:12px;line-height:1.4;pointer-events:none;white-space:nowrap;box-shadow:0 4px 12px #0000004d}.tooltip-bottom:hover .tooltiptext-bottom{visibility:visible;opacity:1}#intro{max-width:1126px;display:flex;gap:120px;align-items:center;padding:48px 24px;background-color:transparent;line-height:28px;letter-spacing:.36px}.intro-left{flex:1;max-width:600px}.intro-left h1{font-size:48px;margin:0;color:#fff}.intro-left .bio{font-size:18px;margin:32px 0;color:#fff}.intro-left .highlight{font-weight:700;line-height:28px;letter-spacing:.36px}.connect-container{display:flex;align-items:center;gap:16px;margin-top:32px}.connect{font-size:18px;color:#585d68}.social-icons{display:flex;gap:24px}.social-icons a{color:#585d68;font-size:32px;text-decoration:none}.social-icons a:hover{color:#3b82f6}.intro-right{flex:1;text-align:center;max-width:406px}.intro-right img{max-width:100%;border-radius:8px}.intro-right .cta{font-size:16px;color:#585d68}#worked-for{background-color:transparent}.worked-for-container{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:8px;padding:32px}.worked-for-grid{display:flex;flex-wrap:wrap;gap:34px;justify-content:center}.company-14,.company-23{display:flex;text-align:center;align-items:center}.company-14 img,.company-23 img{max-width:100%;border-radius:8px;height:100px;object-fit:contain}.carousel-arrows{display:none;justify-content:space-between}.carousel-arrows button{background-color:transparent;color:#60a5fa;border:none;cursor:pointer}.mobile-companies-img{width:100%;max-width:162px;height:auto}#work.work-wrap{background:transparent;padding:16px 0;max-width:1190px;margin:0 auto}.work-header{gap:8px;margin-bottom:6px}.work-controls.single{display:flex;flex-direction:column;gap:16px;width:100%;max-width:760px;margin:0 auto 4px}.work-controls.single .sb{width:100%}#work .project-toggle.soft{display:inline-flex;gap:8px;padding:6px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);box-shadow:none}#work .tab-toggle.soft{padding:8px 12px;border-radius:999px;border:1px solid transparent;background:transparent;color:#cbd5e1;font-weight:600;transition:background .15s ease,color .15s ease,border-color .15s ease}#work .tab-toggle.soft:hover{color:#fff;border-color:#ffffff24;background:#ffffff0d}#work .tab-toggle.soft.active{color:#fff;background:#3c82f62e;border-color:#3c82f647}#work .projects-grid{margin-top:8px}@media (max-width: 767px){.work-controls.single{max-width:100%}#work .project-toggle.soft{align-self:stretch}}.work-header{display:flex;flex-direction:column;align-items:center;gap:8px}.work-title{margin:0;font-size:28px;font-weight:700}.work-controls{display:grid;grid-template-columns:auto minmax(260px,560px);gap:14px;align-items:center;width:100%;max-width:980px}.work-count{margin-top:6px;color:#cbd5e1;font-size:14px}.work-count .muted{color:#94a3b8}.agency-card{display:grid;grid-template-columns:1.1fr 1fr;gap:0;background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:22px;-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);box-shadow:0 10px 30px #00000059;margin:18px auto 22px;max-width:1190px}.agency-left{padding-right:16px}.agency-badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#94a3b82e;border:1px solid rgba(255,255,255,.1);color:#e5e7eb;margin-bottom:8px}.agency-title{margin:0 0 8px}.agency-copy{margin:0 0 12px;color:#d1d5db}.agency-ctas{display:flex;gap:10px}.agency-right{border-radius:12px;background-image:radial-gradient(800px 500px at 80% 100%,rgba(253,224,71,.12),transparent 60%),radial-gradient(600px 400px at 0% 0%,rgba(59,130,246,.14),transparent 60%),linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid rgba(255,255,255,.08)}@keyframes projectFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.project-fade{animation:projectFade .32s ease both}.no-results{max-width:980px;margin:24px auto;padding:24px;text-align:center;border-radius:12px;background:#1f2937;border:1px dashed #334155}.no-results .q{color:#eab308}.no-results .reset{margin-top:10px;border-radius:10px;padding:10px 14px;background:#3c82f6;color:#fff;border:none;cursor:pointer}.sb{position:relative;width:100%}.sb-input{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;border-radius:999px;padding:12px 14px;background:#02060e99;border:1px solid rgba(255,255,255,.12);box-shadow:0 2px #0006 inset,0 10px 30px #0003;transition:box-shadow .2s,border-color .2s,background .2s}.sb-input i{color:#cbd5e1;font-size:14px}.sb-input input{background:transparent;border:0;outline:none;color:#eef2ff;font-size:16px}.sb-input .sb-clear{border:1px solid rgba(255,255,255,.12);background:transparent;color:#e5e7eb;width:32px;height:32px;border-radius:10px;cursor:pointer}.sb-dark .sb-input:focus-within{border-color:#facc158c;box-shadow:0 0 0 3px #facc1526,0 20px 60px #facc150f,0 2px #0006 inset;background:#02060eb8}.sb-panel{position:absolute;left:0;right:0;top:calc(100% + 10px);background:#0f172ad1;-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);border:1px solid rgba(255,255,255,.14);border-radius:16px;box-shadow:0 30px 60px #00000073;overflow:hidden;animation:panelIn .18s ease both;z-index:30}@keyframes panelIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.sb-results{list-style:none;margin:0;padding:8px}.sb-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:14px 12px;border-radius:12px;cursor:pointer;color:#e8edf6;transition:background .15s,transform .05s}.sb-item:hover{background:#ffffff0f}.sb-item:active{transform:translateY(1px)}.sb-item-title{font-weight:600}.sb-item-meta{color:#b6c0d1;font-size:12px}@media (max-width: 1024px){.agency-card{grid-template-columns:1fr}}.agency-hero{position:relative;display:grid;grid-template-columns:1.15fr 1fr;grid-template-areas:"left right";gap:18px;padding:32px;margin:18px auto 22px;max-width:1190px;border-radius:8px;color:#fff;background:radial-gradient(900px 520px at 90% 110%,rgba(253,224,71,.1),transparent 60%),radial-gradient(700px 480px at 0% -20%,rgba(59,130,246,.12),transparent 60%),linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px dashed rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px) saturate(125%);backdrop-filter:blur(12px) saturate(125%);box-shadow:0 18px 60px #00000073;overflow:hidden;isolation:isolate}.agency-hero:after{content:"";position:absolute;inset:-30% -10% auto -10%;height:80%;z-index:-1;background:radial-gradient(1000px 320px at 50% 0%,rgba(250,204,21,.08),transparent 65%);pointer-events:none}.ah-left{grid-area:left;display:flex;flex-direction:column;gap:16px;border-radius:8px;padding-right:6px}.ah-title{font-size:22px;margin:0}.ah-copy{font-size:18px;margin:0 0 8px;color:#ccc;line-height:28px}.ah-tags{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px;padding:0;list-style:none;justify-content:flex-start}.ah-tags li{padding:6px 10px;border-radius:999px;font-size:16px;font-weight:600;color:#eaf1ff;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.ah-ctas{display:flex;gap:10px;margin-top:2px;justify-content:flex-start}.ah-right{grid-area:right;position:relative;display:grid}.ah-cover{position:relative;display:block;width:100%;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#0b1220;box-shadow:0 16px 40px #00000073;transform:translateZ(0);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,border-color .2s ease}.ah-cover img{display:block;width:100%;height:auto;object-fit:cover}.ah-cover:hover{transform:translateY(-4px) scale(1.01);border-color:#facc1559;box-shadow:0 30px 80px #0000008c,0 0 0 3px #facc151f}.ah-glow{position:absolute;top:-20%;right:-10%;bottom:-40%;left:-10%;background:radial-gradient(600px 300px at 80% 10%,rgba(250,204,21,.18),transparent 60%),radial-gradient(600px 420px at 10% 90%,rgba(59,130,246,.18),transparent 65%);mix-blend-mode:screen;opacity:.9;pointer-events:none;transition:transform .35s ease,opacity .25s ease}.ah-cover:hover .ah-glow{transform:scale(1.03);opacity:1}.ah-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff0f;pointer-events:none}@media (max-width: 1024px){.agency-hero{grid-template-columns:1fr;grid-template-areas:"right" "left"}.ah-left{padding-right:0}.ah-ctas,.ah-tags{justify-content:flex-start}.ah-cover{max-width:520px;margin:0}}@media (max-width: 767px){#work.work-wrap{padding:12px 0;max-width:calc(100% - 32px)}#work .tab-toggle.soft{padding:12px 8px}.work-controls{grid-template-columns:1fr;max-width:100%}.agency-card{margin:14px 0 20px}.sb-panel{left:0;right:0}.agency-hero{padding:18px;margin:14px 0 20px}.ah-ctas{flex-direction:column;align-items:flex-start}.ah-cover{max-width:480px}}.tooltip{position:relative;display:inline-block;cursor:pointer;transition:transform .3s ease}.tooltip img{transition:transform .3s ease;border-radius:8px}.tooltip:hover img{transform:scale(1.05);box-shadow:0 6px 20px #ffffff26}.tooltiptext{visibility:hidden;width:300px;background-color:#000;color:#fff;text-align:center;border-radius:8px;padding:16px;position:absolute;z-index:999;bottom:120%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;font-size:14px;line-height:1.4;pointer-events:none}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.tooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border-width:6px;border-style:solid;border-color:#2D3748 transparent transparent transparent}#projects{background-color:transparent}.project{flex:1 1 calc(33.333% - 32px);background-color:#2d3748;border-radius:8px;padding:32px;text-align:left;box-sizing:border-box}.project a{display:flex;justify-content:center}.project img{max-width:100%;border-radius:4px}.project h3{color:#fff;font-size:24px;font-weight:700;margin:16px 0}.project p{color:#fff;font-size:16px;font-weight:400}.projects-header-centered{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:32px;text-align:center;flex-direction:column}.projects-header-centered h2{font-size:28px;font-weight:700;color:#fff;margin:0}.project-toggle{display:flex;gap:8px;background:#1f2937;border-radius:48px;padding:8px;box-shadow:0 2px 8px #0003}.tab-toggle{padding:12px 16px;border:none;border-radius:48px;background:transparent;color:#3c82f6;font-size:16px;cursor:pointer;font-weight:600;transition:all .3s ease}.tab-toggle.active{background-color:#3c82f6;color:#fff}.tab-toggle:hover{color:#fff}@media (max-width: 768px){.projects-header-centered{flex-direction:column;gap:12px}.projects-header-centered h2{font-size:24px}}.playground-header{margin-bottom:16px}.playground-grid{justify-content:center}.playground-card{max-width:400px;text-align:center;padding:24px}.playground-card img{width:100%;height:auto;border-radius:8px}.playground-card h3{margin-top:16px}.playground-card p{font-size:14px;margin-bottom:12px}.center-btn{margin-left:auto;margin-right:auto}#skills{background-color:transparent;padding:16px;max-width:1190px;margin:0 auto}.skills-container{background-color:transparent;border-radius:8px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.skills-category{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:8px;transition:transform .3s ease,box-shadow .3s ease}.skills-category h3{font-size:18px;font-weight:600;margin-bottom:24px;text-align:center}.skills-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.skill-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;height:100%}.skill-icon i{font-size:2.5rem;margin-bottom:12px;transition:transform .3s ease}.skill-icon:hover{transform:translateY(-3px)}.skill-icon:hover i{transform:scale(1.15);color:#fff}.default-theme .skills-category{box-shadow:0 4px 6px #0000001a}.default-theme .skills-category h3{color:#fff}@media (max-width: 992px){.skills-grid{grid-template-columns:repeat(2,1fr)}.skills-category:last-child{grid-column:span 2}}@media (max-width: 768px){.skills-grid{grid-template-columns:1fr;gap:24px}.skills-category:last-child{grid-column:span 1}.skills-category{padding:24px}.skills-icons{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.skills-icons{grid-template-columns:repeat(2,1fr);gap:16px}.skill-icon i{font-size:2rem}}#contact{background-color:transparent;padding:48px 24px}.contact-container{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:8px;padding:32px}.contact-header{text-align:center;margin-top:8px;margin-bottom:8px}.contact-description{color:#ccc;font-size:16px;text-align:center;margin:0 0 32px}form{display:flex;flex-direction:column;gap:16px;max-width:720px;margin:0 auto 32px}.form-group{display:flex;flex-direction:column;gap:14px}form label{font-size:16px;color:#fff;text-align:left}form input,form textarea{font-family:Open Sans,sans-serif;font-size:16px;padding:16px;border:1px solid #4B5563;border-radius:4px;background-color:#1f2937;color:#fff;max-width:100%;box-sizing:border-box}.form-status-wrap{display:flex;flex-direction:column;align-items:center;margin-top:12px}.form-status-text{margin-top:10px;font-size:15px;font-weight:500;color:#10b981;text-align:center;min-height:24px;transition:opacity .8s ease-in-out;opacity:0}.celebration-emoji{position:fixed;font-size:24px;opacity:1;pointer-events:none;z-index:9999;animation:floatDown 3s ease-out forwards}@keyframes floatDown{0%{transform:translateY(-20px);opacity:1}to{transform:translateY(120vh);opacity:0}}@media (max-width: 480px){.form-status-text{font-size:14px}.celebration-emoji{font-size:20px}}.resume-button{width:170px;height:48px;flex-shrink:0;border-radius:4px;background:#3c82f6;color:#fff;border:none;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.send-message-button{margin-top:16px;margin-left:auto;margin-right:auto;width:170px;height:48px;flex-shrink:0;border-radius:4px;background:#3c82f6;color:#fff;border:none;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.resume-button:hover,.send-message-button:hover{background:#1670ff}.contact-link-btn{background:none;border:none;color:#fff;font:inherit;font-size:16px;cursor:pointer;padding:.5rem 1rem;display:inline}.contact-link-btn:hover{color:#3c82f6;text-decoration:underline}.separator{margin-left:auto;margin-right:auto;max-width:1190px;height:1px;background-color:#4b5563}.social-links{font-size:18px;color:#fff;letter-spacing:.36px;text-align:center}.social-links a{color:#3c82f6;text-decoration:none}.social-links a:hover{text-decoration:underline}footer{background-color:transparent;color:#fff;text-align:center;padding:32px 0}.copyright{margin-top:32px;text-align:center;letter-spacing:.24px;font-size:14px;font-weight:300;letter-spacing:.28px}@media (min-width: 768px) and (max-width: 1023px){header{max-width:calc(100% - 64px)}.desktop-menu{gap:16px}section{max-width:calc(100% - 64px)}#intro{gap:60px;max-width:calc(100% - 64px)}.intro-left{max-width:50%}.intro-right{max-width:40%}.project{flex:0 0 calc(50% - 16px)}#skills{max-width:calc(100% - 64px)}.skills-category{padding:20px}.skill-icon i{font-size:2.2rem}#contact{max-width:calc(100% - 64px)}footer{padding:24px}}@media (max-width: 767px){header{max-width:calc(100% - 32px)}body{line-height:24px}section{max-width:calc(100% - 32px);padding:12px 0;margin:0 auto 20px}h2{font-size:24px;padding:12px;margin-bottom:16px}header{top:16px;height:56px;border-radius:28px;margin:16px auto 0}.header-grid{padding:0 16px}.logo{width:24px;height:24px}.mobile-menu-icon{display:block;font-size:20px}.desktop-menu{display:none;position:fixed;top:72px;right:16px;background-color:#1f2937;border-radius:8px;padding:16px;width:200px;box-shadow:0 4px 12px #0003}.desktop-menu.active{display:flex;flex-direction:column;gap:12px}#intro{flex-direction:column;gap:32px;padding:32px 16px;max-width:calc(100% - 32px)}.intro-left,.intro-right{max-width:100%;width:100%}.intro-left h1{font-size:32px;line-height:1.2}.intro-left .bio{font-size:16px;margin:20px 0}.connect-container{margin-top:24px;flex-direction:column;align-items:flex-start;gap:12px}.intro-right img{max-width:280px;margin:0 auto}.intro-right .cta{font-size:14px;margin-top:12px}#worked-for{padding:16px 0}.worked-for-container{padding:20px}.worked-for-grid{display:none}.carousel-arrows{display:flex;align-items:center;margin-top:16px}.carousel-arrows button{font-size:24px;padding:8px 16px}.worked-for-mobile{display:flex;justify-content:center}.mobile-companies-img{max-width:160px;height:auto}.projects-header-centered{flex-direction:column;gap:16px}.projects-header-centered h2{font-size:22px}.project-toggle{padding:6px}.tab-toggle{padding:10px 14px;font-size:14px}.projects-grid{justify-content:center}.project{flex:0 0 100%;max-width:100%;padding:24px}.project img{height:auto;max-height:120px}#skills{padding:16px}.skills-grid{grid-template-columns:1fr;gap:20px}.skills-category{padding:24px}.skills-icons{grid-template-columns:repeat(4,1fr)}.skill-icon i{font-size:2rem}#contact{padding:32px 16px}.contact-container{padding:24px}.contact-header{font-size:24px}.contact-description{font-size:15px;margin-bottom:24px}form{max-width:100%}footer{padding:24px 16px}.social-links{font-size:14px}.copyright{font-size:12px;margin-top:20px}}@media (max-width: 424px){header{max-width:calc(100% - 32px);height:48px}.intro-left h1{font-size:28px}.intro-left .bio{font-size:15px}.resume-button{width:140px;height:40px;font-size:14px}.carousel-arrows{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:1rem}.worked-for-mobile{width:240px;height:auto;position:relative}.mobile-companies-img{display:none;width:240px;height:auto;object-fit:contain}.mobile-companies-img.active{display:block}.carousel-arrows button{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-primary);padding:0 8px}.carousel-arrows button:disabled{opacity:.3;cursor:not-allowed}.project{padding:20px}.project h3{font-size:20px}.project p{font-size:14px}#skills{padding:16px}.skills-icons{grid-template-columns:repeat(4,1fr)}.contact-header{font-size:22px}.contact-description,form label{font-size:14px}form input,form textarea{padding:12px;font-size:14px}.send-message-button{width:150px;height:42px;font-size:14px}}@media (max-width: 319px){header{height:44px;top:12px}.logo{width:20px;height:20px}.intro-left h1{font-size:24px}.intro-left .bio{font-size:14px}.social-icons a{font-size:26px}.skills-icons{grid-template-columns:repeat(2,1fr)}.send-message-button{width:100%}}:root{--menu-bg: rgba(7, 10, 16, .84);--menu-border: rgba(255, 255, 255, .12);--menu-ring: rgba(255, 255, 255, .18);--menu-text: #ffffff;--menu-accent: #3C82F6}.hamburger-btn{display:none;inline-size:46px;block-size:46px;background:transparent;border:1px solid transparent;border-radius:14px;padding:0}.hamburger-btn span{display:block;inline-size:22px;block-size:2px;background:#e7ecf6;border-radius:3px;margin:3px 12px}.hamburger-btn.clean:hover{border-color:var(--menu-ring)}@media (max-width: 767px){.hamburger-btn{display:block}.desktop-menu{display:none}}.menu-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#00000070;animation:scrimIn .22s ease-out forwards}.menu-scrim.out{animation:scrimOut .22s ease-in forwards}@keyframes scrimIn{0%{opacity:0}to{opacity:1}}@keyframes scrimOut{0%{opacity:1}to{opacity:0}}.mobile-glass-menu{position:fixed;top:12px;right:12px;bottom:12px;left:12px;z-index:1101;display:flex;flex-direction:column;padding:8px 16px 22px;border-radius:18px;color:var(--menu-text);background:var(--menu-bg);background-image:radial-gradient(1200px 600px at 12% -10%,rgba(60,130,246,.16),transparent 60%),radial-gradient(800px 500px at 92% 110%,rgba(125,211,252,.1),transparent 60%);-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%);border:1px solid var(--menu-border);box-shadow:0 10px 40px #0009;transform-origin:90% 0%;animation:panelIn .26s cubic-bezier(.2,.8,.2,1) forwards}.mobile-glass-menu.out{animation:panelOut .26s cubic-bezier(.4,0,.2,1) forwards}@keyframes panelIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}@keyframes panelOut{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px) scale(.98)}}.menu-header{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 12px;border-bottom:1px solid var(--menu-border)}.menu-brand{font-weight:800;letter-spacing:.2px;font-size:1.06rem}.menu-close{inline-size:32px;block-size:32px;border-radius:12px;border:1px solid var(--menu-border);background:transparent;color:var(--menu-text)}.menu-list{display:flex;flex-direction:column;padding:2px 2px 0}.menu-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--menu-text);text-align:left;cursor:pointer;font:inherit;font-weight:700;letter-spacing:.2px;padding:16px 8px;border-bottom:1px solid rgba(255,255,255,.08);transition:color .12s ease,transform .08s ease}.menu-row:last-child{border-bottom:none}.menu-row:hover{color:#eaf1ff}.menu-row:active{transform:translateY(1px)}.menu-row.as-button{width:100%}.menu-ctas{margin-top:14px;border-top:1px solid var(--menu-border);padding-top:14px;display:flex;flex-direction:column;gap:10px}.btn-ghost,.btn-solid{display:flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:8px;text-decoration:none;font-weight:700;border:1px solid var(--menu-border)}.btn-ghost{color:#fff;background:transparent}.btn-solid{color:#fff;background:var(--menu-accent);border-color:color-mix(in oklab,var(--menu-accent),white 12%);box-shadow:0 10px 24px color-mix(in oklab,var(--menu-accent),black 70%)}.pg-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:grid;place-items:center;animation:pgFadeIn .18s ease-out both}.pg-scrim.inline{position:fixed}@keyframes pgFadeIn{0%{opacity:0}to{opacity:1}}.pg-card{width:min(520px,calc(100% - 32px));background:#111827b8;border:1px solid rgba(255,255,255,.14);border-radius:16px;box-shadow:0 22px 80px #0009;padding:22px 18px 18px;-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);position:relative;overflow:hidden}.pg-card:after{content:"";position:absolute;inset:-40% -20% auto -20%;height:60%;pointer-events:none;background:radial-gradient(600px 280px at 90% 0%,rgba(250,204,21,.16),transparent 60%),radial-gradient(520px 320px at 10% 100%,rgba(59,130,246,.18),transparent 65%);opacity:.85;mix-blend-mode:screen}.pg-logo{width:32px;height:32px;display:block;margin:2px auto 10px}.pg-title{margin:6px 0;text-align:center;font-size:20px}.pg-accent{color:#3b82f6}.pg-sub{text-align:center;color:#cbd5e1;margin:0 0 14px}.pg-form{display:flex;flex-direction:column;gap:12px}.pg-input{border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#02060e99;color:#fff;padding:14px 12px;font-size:16px;outline:none;box-shadow:0 2px #0006 inset,0 10px 30px #0003}.pg-input:focus{border-color:#3c82f68c;box-shadow:0 0 0 3px #3c82f62e,0 20px 60px #3c82f60f}.pg-actions{display:flex;gap:10px;justify-content:flex-end}.pg-btn{border-radius:10px;padding:10px 14px;font-weight:700;border:1px solid rgba(255,255,255,.14);cursor:pointer}.pg-btn.ghost{background:transparent;color:#fff}.pg-btn.solid{background:#3c82f6;color:#fff;border-color:color-mix(in oklab,#3C82F6,white 12%);box-shadow:0 12px 28px color-mix(in oklab,#3C82F6,black 70%)}.pg-btn:active{transform:translateY(1px)}.pg-error{color:#fca5a5;font-weight:600;text-align:center}.pg-success{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 4px 6px}.pg-confetti{font-size:24px;animation:pgPop .6s both}@keyframes pgPop{0%{transform:scale(.7);opacity:.5}to{transform:none;opacity:1}}.theme-switcher{display:flex;gap:12px}.theme-btn{background:#ffffff1a;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#60a5fa}.theme-btn:hover{background:#fff3;transform:scale(1.1)}.theme-btn.active{background:#3b82f6;color:#fff}.theme-btn i{font-size:16px}.theme-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(100%);pointer-events:none}.landing-container{position:relative;width:100%;height:100vh;overflow:hidden;background:linear-gradient(145deg,#0f0c29,#000,#0f0c29);background-size:100% 100%;animation:gradientShift 20s ease infinite;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;box-sizing:border-box}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.orb-container{width:600px;height:600px;max-width:90vw;max-height:90vw;min-height:200px;position:relative;z-index:2;filter:drop-shadow(0 0 30px rgba(255,255,255,.1))}canvas{display:block;width:100%;height:100%;mix-blend-mode:screen;transition:transform .3s ease}canvas:hover{transform:scale(1.05)}.overlay-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:3;color:#fff;max-width:90vw;width:100%;padding:0 20px}.overlay-content img.landing-logo{max-width:120px;margin-bottom:20px}.overlay-content h1{font-size:1.6rem;margin-bottom:12px;font-weight:700;background:linear-gradient(45deg,#fff,#ccc);background-clip:text;-webkit-background-clip:text;color:transparent}.overlay-content p{font-size:1rem;font-weight:400;color:#ddd;margin-bottom:40px;line-height:1.4;letter-spacing:.3px}.enter-button{background:linear-gradient(135deg,#ffffff0d,#fff0);border:1.5px solid rgba(255,255,255,.25);color:#fff;font-size:1rem;padding:12px 32px;border-radius:30px;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .4s ease;font-weight:500;letter-spacing:.5px;box-shadow:0 0 0 transparent}.enter-button:hover{background:linear-gradient(135deg,#ffffff26,#ffffff0d);transform:scale(1.05);color:#fff;box-shadow:0 0 18px #ffffff26}@media (max-width: 768px){.overlay-content h1{font-size:1.5rem;margin-bottom:16px}.overlay-content p{font-size:1rem;margin-bottom:32px}.enter-button{font-size:1rem;padding:10px 24px}.overlay-content img.landing-logo{max-width:90px;margin-bottom:16px}}@media (max-width: 480px){.overlay-content h1{font-size:1rem;margin-bottom:0}.overlay-content p{font-size:.7rem}.enter-button{font-size:.9rem;padding:8px 20px}.overlay-content img.landing-logo{max-width:40px;margin-bottom:0}}.not-found-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;margin-top:1rem}.not-found-wrapper h1{font-size:2.8rem;font-weight:700;color:#fff}.project-description{font-size:1.15rem;color:#ccc;max-width:600px;margin:0 auto}.button-group{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.button-glass{padding:10px 20px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);font-weight:500;color:#fff;transition:all .3s ease}.animated-404-gif{width:50%;max-width:300px;height:auto;border-radius:16px;margin-top:1rem}.cta{font-size:1rem;color:#aaa;margin-top:.5rem}.emoji-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:10;overflow:hidden}.floating-emoji{position:absolute;font-size:2rem;animation:floatDown 6s infinite ease-in;opacity:.8;transform:translateY(-50px);-webkit-user-select:none;user-select:none}@keyframes floatDown{0%{transform:translateY(-60px);opacity:0}50%{opacity:1;transform:translateY(40vh) rotate(180deg)}to{transform:translateY(100vh) rotate(360deg);opacity:0}}@media screen and (max-width: 768px){.not-found-wrapper h1{font-size:2rem}.project-description{font-size:1rem}.button-glass{width:100%;text-align:center}.animated-404-gif{max-width:300px}}.case-study-page{max-width:1100px;margin:0 auto;padding:64px 24px 40px;color:#e0e0e0;font-family:Open Sans,sans-serif}.case-study-intro{margin-bottom:2.5rem}.case-study-intro h1{font-size:2.5rem;margin-bottom:.4rem;color:#fff}.project-type{font-size:1rem;font-weight:500;color:#00ffc8;margin-bottom:.8rem}.project-description{font-size:1.1rem;color:#ccc;max-width:800px}.case-study-section{margin-top:3rem}.case-study-section h3{font-size:1.4rem;margin-bottom:1rem;color:#fff}.project-list{list-style:none;padding-left:0;margin-top:1rem}.project-list li{padding-left:1.6rem;position:relative;margin-bottom:.8rem}.project-list li:before{content:"•";color:#00ffc8;position:absolute;left:0;font-size:1.2rem;top:-1px}.button-glass{display:inline-block;margin-right:1rem;margin-top:1rem;padding:10px 20px;border-radius:8px;font-weight:500;text-decoration:none;font-size:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff;transition:all .3s ease}.button-glass:hover{background:#00ffc81f;border-color:#00ffc880;color:#00ffc8}.case-study-nav{display:flex;justify-content:space-between;margin:3rem 0 2rem;flex-wrap:wrap;gap:1rem}.cs-button{background-color:#1e1e1e;color:#fff;padding:12px 24px;border-radius:12px;font-size:1rem;font-weight:500;text-decoration:none;transition:background-color .3s}.cs-button:hover{background-color:#333}.cs-button.outline{border:1px solid #ffffff;background:transparent}.separator{margin-top:60px;height:1px;background:#ffffff0f}@media screen and (max-width: 768px){.case-study-page{padding:48px 16px 32px}.case-study-intro h1{font-size:1.8rem}.project-description{font-size:1rem}.cs-button{width:100%;text-align:center}.button-glass{display:block;width:100%;padding:10px 0;margin-top:12px;text-align:center}}:root{--primary-color: #60A5FA;--success-color: #22c55e;--text-light: #f9fafb;--dark-bg: #0f172a;--glass-bg: rgba(255, 255, 255, .06);--box-border: rgba(255, 255, 255, .12)}.touchme-container{font-family:Open Sans,sans-serif;text-align:center;color:var(--text-light);padding:2rem;min-height:100vh;margin-top:1rem}.touchme-text{font-size:1.6rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-light);text-shadow:0 0 6px rgba(255,255,255,.1)}.touchme-box{position:relative;width:100%;max-width:900px;height:60vh;margin:auto;border:2px dashed var(--primary-color);border-radius:12px;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;box-shadow:0 0 20px #60a5fa33}#funnyButton{position:absolute;padding:12px 24px;font-size:1rem;color:#fff;background-color:var(--primary-color);border:none;border-radius:12px;cursor:pointer;box-shadow:0 8px 20px #60a5fa66;transition:all .25s ease;font-weight:600}#funnyButton:hover{background-color:var(--success-color)}#funnyButton:disabled{cursor:not-allowed;opacity:.4;pointer-events:all;position:relative}#funnyButton:disabled:after{content:"❌ Desktop Only: This game is hover-based!";position:absolute;top:120%;left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:6px 12px;font-size:.8rem;border-radius:6px;white-space:nowrap;z-index:999;box-shadow:0 0 10px #0006}.celebration{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172ae6;display:flex;align-items:center;justify-content:center;z-index:999;visibility:hidden;opacity:0;transition:.3s ease}.celebration.active{visibility:visible;opacity:1}.celebration-content{background:#1e293b;padding:2rem;border-radius:1rem;width:90%;max-width:480px;text-align:center;box-shadow:0 0 25px #60a5fa66;color:var(--text-light)}.celebration-content h1{font-size:1.8rem;margin-bottom:.5rem;color:var(--primary-color)}.celebration-content p{font-size:1rem;color:#cbd5e1;margin-bottom:1.5rem}.button-group{display:flex;justify-content:center;gap:1rem}.button-23,.button-40{font-family:Open Sans,sans-serif;padding:12px 20px;font-size:1rem;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.button-23{background-color:#3b82f6;color:#fff}.button-23:hover{background-color:#2563eb}.button-40{background-color:#0f172a;color:#fff}.button-40:hover{background-color:#1e293b}:root{--primary: #7F5AF0;--secondary: #2CB67D;--accent: #FF6E6E;--dark-bg: #0f172a;--card-bg: #1e293b;--text-light: #f1f5f9;--text-gray: #94A1B2;--glow: 0 0 15px currentColor}.memory-wrapper{display:flex;justify-content:center;padding:2rem 1rem;min-height:100vh}.memory-container{font-family:Open Sans,sans-serif;background:var(--card-bg);color:var(--text-light);width:100%;max-height:520px;max-width:400px;padding:2rem;border-radius:1rem;box-shadow:0 0 30px #00000040;border:1px solid rgba(255,255,255,.05)}.game-title{font-size:1.6rem;font-weight:500;text-align:center;margin-bottom:1rem}.game-stats{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:1rem;color:var(--text-gray)}.game-board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.card{background:var(--card-bg);border-radius:10px;aspect-ratio:1;font-size:2rem;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;transition:transform .5s ease;cursor:pointer;position:relative;border:1px solid rgba(255,255,255,.1)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;border-radius:10px}.card-front{background:var(--card-bg);transform:rotateY(180deg)}.card-back{background:linear-gradient(135deg,var(--primary),var(--secondary))}.card.flipped{transform:rotateY(180deg)}.card.matched{animation:match .6s ease;box-shadow:var(--glow);border-color:var(--secondary)}@keyframes match{0%,to{transform:rotateY(180deg) scale(1)}50%{transform:rotateY(180deg) scale(1.1)}}.fireworks-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999}:root{--cr-yellow: #fbbf24;--cr-green: #34d399;--cr-dark: #0f172a;--cr-white: #f9fafb;--cr-glass: rgba(255, 255, 255, .06)}.cr-container{font-family:Open Sans,sans-serif;color:var(--cr-white);padding:2rem 1rem;text-align:center;min-height:100vh}.cr-header{max-width:800px;margin:0 auto 2rem}.cr-title{font-size:1.8rem;font-weight:700;margin-bottom:1rem;text-shadow:0 0 10px #ffffff30}.cr-start-btn{padding:12px 28px;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 12px #f59e0b55}.cr-start-btn:hover{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 0 18px #34d39988;transform:scale(1.05)}.cr-score-info{margin-top:1rem;font-size:1.2rem;text-shadow:0 0 6px #00ffcc55}.cr-box-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.cr-box{position:relative;width:100%;max-width:800px;height:420px;margin:auto;background:var(--cr-glass);border-radius:16px;border:2px dashed #ffffff30;overflow:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 25px #ffffff14;z-index:2}.cr-box-border-glow{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:800px;height:420px;border-radius:16px;z-index:1;pointer-events:none;box-shadow:0 0 25px #ffffff0d;animation:borderGlow 4s linear infinite}@keyframes borderGlow{0%{box-shadow:0 0 14px #f59e0b88}50%{box-shadow:0 0 18px #10b981aa}to{box-shadow:0 0 14px #f59e0b88}}.cr-emoji{position:absolute;font-size:2.5rem;cursor:pointer;animation:emojiFadeIn .3s ease;transition:transform .2s ease,opacity .2s ease}.cr-emoji.clicked{transform:scale(1.6) rotate(10deg);opacity:.3;filter:brightness(1.7)}@keyframes emojiFadeIn{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.cr-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0f172af5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:2rem;border-radius:1rem;color:#fff;width:90%;max-width:380px;z-index:10;text-align:center;box-shadow:0 0 20px #ffffff26}.animate-popup{animation:popupZoom .4s ease}@keyframes popupZoom{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.cr-popup h2{font-size:2rem;margin-bottom:.6rem;color:var(--cr-yellow)}.cr-popup p{font-size:1.1rem;margin-bottom:1rem}.cr-btn-group{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.cr-btn-play,.cr-btn-home{padding:10px 16px;font-weight:700;font-size:.95rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.cr-btn-play{background:linear-gradient(to right,#facc15,#f59e0b);color:#000}.cr-btn-play:hover{background:linear-gradient(to right,#34d399,#10b981)}.cr-btn-home{background:#1e293b;color:#fff}.cr-btn-home:hover{background:#334155}.moon-theme{background-color:#101827;overflow-x:hidden;overflow-y:auto}.moon{position:fixed;top:10vh;right:5vw;width:60px;height:60px;border-radius:50%;background:#f5f3ce;z-index:-1;box-shadow:0 0 15px #f5f3ce88,20px 10px 0 -2px #00000026,35px 25px 0 -4px #00000026,10px 30px 0 -2px #0000001a;animation:moonGlow 6s ease-in-out infinite alternate;will-change:box-shadow}.moon:before,.moon:after{content:"";position:absolute;border-radius:50%;background:#0000001a;box-shadow:inset 1px 1px 2px #0003;width:15%;height:15%}.moon:before{top:25%;left:30%}.moon:after{bottom:20%;right:25%}@keyframes moonGlow{0%{box-shadow:0 0 15px #f5f3ce88,20px 10px 0 -2px #00000026,35px 25px 0 -4px #00000026,10px 30px 0 -2px #0000001a}to{box-shadow:0 0 30px #f5f3cecc,20px 10px 0 -2px #00000026,35px 25px 0 -4px #00000026,10px 30px 0 -2px #0000001a}}.star{position:fixed;background-color:#fff;border-radius:50%;pointer-events:none;z-index:-1;animation:twinkle 3s infinite alternate ease-in-out;filter:blur(.5px);will-change:opacity,transform}@keyframes twinkle{0%{opacity:.4;transform:scale(.95);filter:brightness(1)}50%{opacity:1;transform:scale(1.1);filter:brightness(1.7)}to{opacity:.4;transform:scale(.95);filter:brightness(1)}}.moon-theme .resume-button:hover{background:#3d5afe;color:#fff;position:relative;box-shadow:0 0 20px #3d5afe99,0 0 40px #3d5afe4d,0 0 60px #3d5afe33}.moon-theme .resume-button:hover:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 70%);opacity:0;animation:starShine 1.5s ease-out}.snow-theme input,.snow-theme textarea{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctext x='12' y='18' font-size='16' text-anchor='middle'%3E❄️%3C/text%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:20px;transition:all .3s ease}.snow-theme input:focus,.snow-theme textarea:focus{border-color:#bbdefb;box-shadow:0 0 15px #c8e6ffb3,inset 0 0 10px #ffffff4d;background-color:#e0f0ff33}.snow-theme{background:linear-gradient(to bottom,#0f172a,#000)}.snow-theme .resume-button:hover{position:relative;background:#e1f5fe;color:#0d47a1;border:2px solid #bbdefb;text-shadow:0 0 5px rgba(255,255,255,.8);box-shadow:0 0 15px #c8e6ffcc,inset 0 0 10px #ffffff80}.snow-theme .resume-button:hover:after{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border:2px solid rgba(255,255,255,.8);border-radius:6px;animation:frostSpread 1.5s linear infinite}.snowflake{position:fixed;color:#fff;font-size:1em;animation:snow linear infinite;pointer-events:none;z-index:-1}.rain-theme{background:linear-gradient(to bottom,#1c2431,#101b2d)}.rain-theme input,.rain-theme textarea{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctext x='12' y='18' font-size='16' text-anchor='middle'%3E🌧️%3C/text%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:20px}.rain-theme input:focus,.rain-theme textarea:focus{background-color:#aec2e026;border-color:#aec2e0;box-shadow:0 0 0 2px #aec2e04d,inset 0 0 8px #aec2e033;animation:rainRipple .5s ease-out}.rain-theme .resume-button{position:relative;overflow:hidden}.rain-theme .resume-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:#aec2e01a;transform:rotate(45deg);pointer-events:none;opacity:0;animation:none}.rain-theme .resume-button:hover:before{animation:lightningFlash .8s linear}@keyframes lightningFlash{0%{opacity:0;transform:translateY(-100%) rotate(45deg)}10%{opacity:.9}20%{opacity:0}30%{opacity:.6}40%{opacity:0}70%{opacity:.3}90%{opacity:0}to{opacity:0}}.raindrop{position:fixed;width:2px;background:linear-gradient(to bottom,transparent,rgba(174,194,224,.6));animation:rain 1.5s linear infinite;pointer-events:none;z-index:-1}.ripple{position:fixed;border-radius:50%;background:#aec2e04d;animation:ripple 1s ease-out infinite;pointer-events:none;z-index:-1}.lightning{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;pointer-events:none;z-index:-1;transition:opacity .3s ease-in-out}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:0s!important}}@keyframes rainRipple{0%{box-shadow:0 0 #aec2e066}to{box-shadow:0 0 0 8px transparent}}@keyframes starPulse{0%{box-shadow:0 0 10px #3d5afe4d}to{box-shadow:0 0 20px #3d5afe99}}@keyframes lightningFlash{0%{opacity:0;transform:translateY(-100%) rotate(45deg)}10%{opacity:.8}20%{opacity:0}30%{opacity:.6}40%{opacity:0}to{opacity:0}}@keyframes frostSpread{0%{clip-path:circle(0% at 50% 50%)}to{clip-path:circle(100% at 50% 50%)}}@keyframes starShine{0%{opacity:0;transform:scale(.5)}50%{opacity:.4}to{opacity:0;transform:scale(1.5)}}@keyframes snow{to{transform:translateY(100vh) rotate(360deg)}}@keyframes rain{to{transform:translateY(100vh)}}@keyframes ripple{to{transform:scale(3);opacity:0}}@keyframes moonGlow{0%{box-shadow:0 0 20px #f5f3ce88,25px 15px 0 -3px #0000001a,40px 35px 0 -5px #0000001a,15px 40px 0 -2px #0000001a}to{box-shadow:0 0 40px #f5f3cecc,25px 15px 0 -3px #0000001a,40px 35px 0 -5px #0000001a,15px 40px 0 -2px #0000001a}}@keyframes twinkle{0%{opacity:.4;transform:scale(.95);filter:brightness(1)}50%{opacity:1;transform:scale(1.15);filter:brightness(1.8)}to{opacity:.4;transform:scale(.95);filter:brightness(1)}}.projects-grid{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between}.project{position:relative;flex:1 1 calc(33.333% - 32px);padding:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;cursor:default;transition:box-shadow .3s ease}.project:hover{box-shadow:0 8px 32px #00000059}.project-content{transition:filter .3s ease}.project:hover .project-content{filter:blur(2px) brightness(.6)}.project img{width:100%;height:auto;border-radius:8px}.project h3{margin:16px 0 8px;font-size:24px;font-weight:700;color:#fff}.project p{font-size:18px;color:#ccc}.view-project-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);opacity:0;background:#3c82f6e6;color:#fff;border:none;padding:12px 24px;font-size:14px;font-weight:600;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease;z-index:5}.project:hover .view-project-btn{opacity:1;transform:translate(-50%,-50%) scale(1);cursor:pointer}.case-study-page{padding:24px 16px;max-width:1160px;margin:0 auto}.case-study-section{margin-bottom:48px;padding:24px;background-color:transparent;border:2px dashed #444;border-radius:8px}.case-study-section-recommendations{margin-bottom:24px;padding:16px;background-color:transparent}.case-study-intro{text-align:center;margin-bottom:48px;color:#fff;background-color:transparent}.case-study-intro h1{font-size:32px;font-weight:700;margin-bottom:24px}.case-study-section h2{font-size:26px;margin-bottom:24px;text-align:center}.case-study-section h3{font-size:22px;font-weight:700;margin-bottom:16px;text-align:left}.project-type{font-size:18px;color:#999}.project-description{font-size:18px;line-height:1.8;color:#ccc;max-width:1000px;margin:0 auto;text-align:center}.cs-two-col{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between}.cs-two-col>div{flex:1 1 calc(50% - 16px)}.cs-three-col{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px}.cs-three-col>div{flex:1 1 calc(33.333% - 16px);color:#ccc}.cs-three-col h3{font-size:18px;color:#fff;margin-bottom:8px;font-weight:600}.cs-list{padding-left:18px;line-height:2.4;color:#ccc}.cs-arrow-grid-rows{display:flex;flex-direction:column;gap:48px;margin-top:32px;align-items:center}.cs-grid-row{display:grid;grid-template-columns:auto 60px auto;gap:24px;align-items:center;justify-content:center;width:100%;max-width:1200px}.cs-grid-row img{max-width:100%;height:auto;border-radius:8px;box-shadow:none}.cs-arrow-center{display:flex;align-items:center;justify-content:center}.arrow-icon-between{font-size:32px;color:#444}.mobile-only.arrow-icon-between{display:none}.desktop-only.arrow-icon-between{display:inline-block}.cs-arrow-grid-3x2{display:grid;grid-template-columns:repeat(3,auto);grid-template-rows:repeat(2,auto);gap:48px 36px;justify-content:center;margin-top:32px;position:relative}.cs-arrow-cell{position:relative;display:flex;align-items:center;justify-content:center}.cs-arrow-cell img{width:auto;max-width:100%;border-radius:8px;box-shadow:none}.cs-image{width:100%;box-shadow:0 6px 20px #0000004d;transition:transform .3s ease}.cs-image:hover{transform:scale(1.015)}.cs-flex-images{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-top:16px}.cs-flex-images img{width:48%;max-width:480px;box-shadow:0 6px 20px #00000040}.cs-mockup-wrapper{position:relative;flex:1 1 48%;max-width:480px}.cs-mockup-wrapper img{width:100%;display:block}.cs-mockup-wrapper:hover img{filter:blur(2px) brightness(.6)}.cs-mockup-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);opacity:0;background:#3c82f6d9;color:#fff;padding:12px 24px;font-size:14px;font-weight:600;border:none;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease;text-decoration:none;text-align:center;z-index:10}.cs-mockup-wrapper:hover .cs-mockup-btn{opacity:1;transform:translate(-50%,-50%) scale(1);cursor:pointer}.prototype-buttons,.case-study-nav{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin:48px 0 32px}.cs-button{background-color:#3c82f6;color:#fff;padding:12px 24px;font-size:14px;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.cs-button:hover{background-color:#246ae0}.cs-button.outline{background-color:transparent;border:2px solid #3C82F6}.cs-button i{font-size:14px}.back-btn i{margin-right:8px}.next-btn i{margin-left:8px}.separator{width:100%;height:1px;background:#ffffff1a;margin:48px auto}.desktop-only{display:inline-block}.mobile-only{display:none}.amazon-case-study img,.citi-case-study img{border-radius:8px;box-shadow:none}.amazon-case-study .cs-flex-images img{transition:none}.accenture-case-study .cs-grid-row h4{text-align:center;margin:15px 0 10px;font-weight:600}.accenture-case-study .cs-grid-row h4:contains("Before"){color:#ca3132}.accenture-case-study .cs-grid-row h4:contains("After"){color:#3c82f6}.accenture-case-study .cs-grid-row h4:contains("Alternate Option"){color:#ccc}.accenture-case-study .cs-grid-row h4[class*=before]{color:#ca3132}.accenture-case-study .cs-grid-row h4[class*=after]{color:#3c82f6}.accenture-case-study .cs-grid-row h4[class*=alternate]{color:#ccc}@media (max-width: 992px){.project{flex:1 1 calc(50% - 16px)}}@media (max-width: 768px){.case-study-intro h1{font-size:24px;line-height:32px}.cs-arrow-grid-rows{gap:24px}.cs-grid-row{display:flex;flex-direction:column;gap:16px}.mobile-only.arrow-icon-between{display:inline-block}.desktop-only.arrow-icon-between{display:none}.cs-three-col{flex-direction:column}.cs-three-col>div,.cs-two-col>div,.amazon-case-study .cs-two-col>div,.citi-case-study .cs-two-col>div{flex:1 1 100%}.cs-grid-row img,.cs-flex-images img,.citi-case-study .cs-flex-images img{width:100%}}@media (max-width: 600px){.case-study-section h2{font-size:22px}.project{flex:1 1 100%;padding:16px}.view-project-btn{padding:10px 20px;font-size:14px}}