@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}.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)}.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%}}.theme-switcher{display:flex;gap:12px;margin-left:20px}.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,#1e3a8a)}.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}}