@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;700&family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Crimson+Pro:wght@200..900&family=Sacramento&family=Satisfy&display=swap";:root{--bg-color: #FFFBF1;--text-color: #1E1E1E;--text-secondary: #555555;--text-muted: #999999;--grid-line: rgba(0, 0, 0, .08);--accent-color: #1E1E1E;--sidebar-width: 280px;--card-bg: rgba(255, 255, 255, .03);--sidebar-bg: #FFFBF1;--border-color: #ffffff;--font-serif: "Playfair Display", serif;--font-sans: "Outfit", sans-serif;--font-journal: "Crimson Pro", serif;--font-personal: "Satisfy", cursive;--teal-accent: #aa98a9;--teal-glow: rgba(170, 152, 169, .4);--lavender-1: #997a8d;--lavender-2: #aa98a9;--lavender-3: #b39eb5;--lavender-4: #777696;--lavender-5: #796878;transition:background-color .5s ease,color .5s ease;font-family:var(--font-sans);line-height:1.5;font-weight:400;color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.dark-mode{--bg-color: #080808;--text-color: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-muted: rgba(255, 255, 255, .6);--grid-line: rgba(255, 255, 255, .15);--accent-color: #D4AF37;--card-bg: rgba(20, 20, 20, .4);--sidebar-bg: #080808;--border-color: rgba(212, 175, 55, .2);--lavender-fade: rgba(212, 175, 55, .1);--gold-1: #B8860B;--gold-2: #D4AF37;--gold-3: #F9E076;--gold-glow: rgba(212, 175, 55, .15)}.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode h4,.dark-mode p,.dark-mode span,.dark-mode strong{color:var(--text-color)}.dark-mode .journal-p{color:var(--text-secondary)}.dark-mode .journal-date,.dark-mode .user-handle,.dark-mode .location-tag{color:var(--text-muted)}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;overflow-x:hidden;background-color:var(--bg-color);color:var(--text-color);transition:background-color .5s ease}.app-wrapper{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;background-color:var(--sidebar-bg);background-image:radial-gradient(var(--grid-line) 1px,transparent 0);background-size:20px 20px;border-right:1px solid var(--grid-line);display:flex;flex-direction:column;padding:2.5rem 1.5rem;z-index:100;transition:background-color .5s ease,border-color .5s ease}.sidebar:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.03;pointer-events:none;background-image:url(https://www.transparenttextures.com/patterns/p6-dark.png);z-index:-1}.main-layout{flex:1;margin-left:var(--sidebar-width);background-color:var(--bg-color);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:30px 30px;min-height:100vh;padding:2rem 4rem 4rem;transition:background-color .5s ease}.serif,.hero-title span.serif{font-family:var(--font-serif)}.italic{font-style:italic}.hero-title{font-size:clamp(2.8rem,8vw,6.5rem);line-height:1.2;font-weight:900;text-align:left;max-width:1100px;color:var(--text-color);letter-spacing:-3px;margin:1rem 0 2rem;min-height:1.3em}.highlight{min-height:1.2em;display:inline-block}.dark-mode .hero-title{background:linear-gradient(90deg,var(--gold-1),var(--gold-3),var(--gold-2),var(--gold-1));background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gold-shimmer 4s linear infinite;filter:drop-shadow(0 0 10px rgba(212,175,55,.2))}@keyframes gold-shimmer{to{background-position:200% center}}.badge-container{display:flex;gap:1rem;justify-content:flex-start;flex-wrap:wrap;margin-top:2rem}.badge{padding:.5rem 1.2rem;border:1px solid var(--text-color);border-radius:9999px;font-size:.85rem;font-weight:500;transition:all .3s ease;cursor:pointer;background:var(--bg-color);color:var(--text-color)}.badge:hover{background:var(--lavender-4);color:#fff;border-color:var(--lavender-4)}.nav-link{text-decoration:none;color:var(--text-color);font-weight:500;font-size:1rem;transition:opacity .3s ease}.nav-link:hover{opacity:.6}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes orb-float{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.1)}to{transform:translate(-20px,30px) scale(1)}}@keyframes border-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.bg-texture-grain{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.03;z-index:1000;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.magic-light{position:fixed;width:800px;height:800px;background:radial-gradient(circle,rgba(179,158,181,.03) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:-1;transition:transform .2s cubic-bezier(.16,1,.3,1)}@keyframes caret-blink{0%,to{opacity:1}50%{opacity:0}}.typewriter-caret{margin-left:4px;font-weight:300;color:var(--lavender-4);animation:caret-blink .8s infinite}@keyframes orb-float{0%{transform:translateZ(0)}to{transform:translate3d(30px,30px,0)}}.bg-glow-orb{position:absolute;border-radius:50%;filter:blur(100px);z-index:-1;pointer-events:none;opacity:.15;animation:orb-float 20s infinite alternate ease-in-out;will-change:transform}.glow-blue{background:radial-gradient(circle,var(--lavender-4),transparent 70%)}.glow-purple{background:radial-gradient(circle,var(--lavender-3),transparent 70%)}.glow-peach{background:radial-gradient(circle,var(--lavender-1),transparent 70%)}.glow-mint{background:radial-gradient(circle,var(--lavender-2),transparent 70%)}header{height:100px;display:flex;align-items:center;justify-content:space-between;overflow-x:hidden}.header-left{display:flex;align-items:center;gap:1rem}.main-nav{display:flex;gap:2rem;align-items:center}.resume-link{background:var(--lavender-4)!important;color:#fff!important;padding:.6rem 1.4rem;border-radius:100px;display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;text-decoration:none;transition:all .3s cubic-bezier(.23,1,.32,1);box-shadow:0 4px 15px #aa98a94d}.resume-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #aa98a966;opacity:1!important;filter:brightness(1.1)}main{padding-top:5vh;display:flex;flex-direction:column;align-items:flex-start}.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;background-color:var(--sidebar-bg);border-right:1px solid var(--grid-line);display:flex;flex-direction:column;padding:3rem 2rem;z-index:100;box-shadow:20px 0 60px #00000005;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--lavender-4) transparent}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background-color:var(--lavender-4);border-radius:20px}.profile-img-container{flex-shrink:0;width:180px;height:180px;margin:0 auto 1.5rem;border-radius:50%;overflow:hidden;border:4px solid #ffffff;box-shadow:0 15px 35px #00000014;transform:none;transition:all .5s cubic-bezier(.23,1,.32,1)}.profile-img-container:hover{transform:rotate(0) scale(1.05);box-shadow:0 25px 50px #0000001f}.profile-tap-hint{position:absolute;bottom:10%;left:50%;transform:translate(-50%);background:#aa98a9e6;color:#fff;padding:.4rem .8rem;border-radius:100px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;opacity:.9;pointer-events:none;z-index:10;white-space:nowrap;box-shadow:0 4px 15px #0003}.profile-img-container:hover .profile-tap-hint{opacity:1;background:#aa98a9}.experience-tag{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.75rem;font-weight:800;color:#000;margin-bottom:2rem;background:var(--lavender-2);padding:.6rem 1.2rem;border-radius:100px;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 4px 15px #aa98a94d}.dark-mode .experience-tag{background:#d4af371a;color:var(--gold-2);box-shadow:none;padding:.6rem 1.2rem;opacity:1}.user-info{text-align:center;margin-bottom:3rem}.user-name{font-family:var(--font-serif);font-size:2.8rem;font-weight:700;margin-bottom:.2rem;color:var(--text-color);letter-spacing:-.5px}.sidebar-nav{display:flex;flex-direction:column;gap:1.5rem;align-items:center;margin-top:2rem;width:100%}.sidebar-btn{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.16,1,.3,1);border:1px solid rgba(0,0,0,.15);background:#00000008;color:var(--text-color);cursor:pointer;position:relative}.dark-mode .sidebar-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.2)}.sidebar-btn:hover{transform:scale(1.1);background:#0000000f;border-color:var(--lavender-2)}.dark-mode .sidebar-btn:hover{background:#ffffff1a;border-color:var(--lavender-2)}.btn-profile:hover{color:var(--lavender-4);background:var(--lavender-fade);border-color:var(--lavender-2)}.btn-portfolio{background:var(--lavender-2)!important;color:#fff!important;box-shadow:0 8px 20px #aa98a94d}.btn-portfolio:hover{filter:brightness(1.1);box-shadow:0 12px 30px #aa98a966}.sidebar-btn:after{content:attr(data-label);position:absolute;left:130%;background:var(--text-color);color:var(--bg-color);padding:.4rem .8rem;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s ease;transform:translate(-10px)}.sidebar-btn:hover:after{opacity:1;transform:translate(0)}.sidebar-theme{margin-top:0!important;margin-bottom:2rem;width:100%!important;height:auto!important;padding:.8rem 1.2rem!important;border-radius:14px!important;background:#0000000a!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.dark-mode .sidebar-theme{background:#ffffff14!important}.sidebar-theme:after{display:none}.theme-toggle-visual{width:44px;height:24px;background:#eee;border-radius:20px;position:relative;transition:all .4s ease;border:1px solid rgba(0,0,0,.1)}.dark-mode .theme-toggle-visual{background:var(--lavender-4)}.theme-toggle-knob{width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;top:2px;left:3px;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 5px #0003}.dark-mode .theme-toggle-knob{transform:translate(20px)}.sidebar-save{background:#aa98a91a;color:var(--lavender-2);border:1px dashed var(--lavender-4)}.sidebar-save:hover{background:#aa98a933;border-style:solid}.sidebar-contact{margin-top:2rem;background:var(--lavender-4);color:#fff}.sidebar-contact:hover{background:var(--lavender-5);transform:translateY(-2px)}.dark-mode .sidebar-contact{background:var(--lavender-2);color:#0c0c0c}.dark-mode .btn-portfolio{background:#fff;color:#000}.dark-mode .btn-profile:hover{background:#ffffff1a;color:#fff}.nav-link{font-family:var(--font-inter);font-weight:700;font-size:.8rem;color:var(--text-color);text-transform:uppercase;letter-spacing:1.5px;padding:.6rem 1.4rem;border-radius:100px;background:#0000000d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.1);transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:8px;text-decoration:none}.dark-mode .nav-link{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff}.nav-link:hover{transform:translateY(-2px);background:#00000014;border-color:var(--lavender-2)}.dark-mode .nav-link:hover{background:#ffffff26;border-color:var(--gold-2)}.resume-link{background:var(--text-color);color:var(--bg-color)!important;border:1px solid var(--text-color)}.dark-mode .resume-link{background:#fff!important;color:#000!important;border:1px solid white}.dark-mode .resume-link span{color:#000!important}.dark-mode .resume-link svg{color:#000!important}.resume-link:hover{transform:translateY(-2px) scale(1.05);filter:brightness(1.1);box-shadow:0 10px 20px #0000001a}.journal-section{padding:4rem;background:radial-gradient(circle at 0% 0%,rgba(170,152,169,.08),transparent 50%),var(--card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:40px;border:1px solid var(--border-color);border-left:8px solid rgb(170,152,169);width:100%;margin-bottom:2.5rem;box-shadow:0 30px 80px #0000000a;max-width:none;position:relative;overflow:hidden;transition:all .5s cubic-bezier(.16,1,.3,1);will-change:transform}.hero-glass{background:#ffffff08!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;border:1px solid var(--lavender-2)!important;border-left:4px solid var(--lavender-2)!important;box-shadow:0 30px 80px #00000008!important}.hero-glass:before,.hero-glass:after{display:none!important}.dark-mode .hero-glass{background:#ffffff05!important;border-color:var(--border-color)!important;box-shadow:0 40px 100px #0003!important}.dark-mode .journal-section{background:var(--card-bg);border:1px solid var(--border-color);border-left:8px solid var(--gold-2);box-shadow:0 40px 100px #00000080,inset 0 0 40px #d4af370d}.dark-mode .journal-section:hover{border-color:var(--gold-3);box-shadow:0 50px 120px #0009,0 0 30px var(--gold-glow)}.journal-section:hover{transform:translateY(-5px);box-shadow:0 40px 100px #0000000f;border-color:#fff}.journal-section:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='iceNoise' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.01' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='discrete' tableValues='0 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23iceNoise)' opacity='0.4'/%3E%3C/svg%3E");opacity:.4;mix-blend-mode:soft-light;pointer-events:none;z-index:0}.journal-section:after{content:"";position:absolute;inset:-4px;border-radius:44px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);background-size:200% 100%;z-index:-1;animation:border-shimmer 8s infinite linear;opacity:0;transition:opacity .3s ease}.journal-section:hover:before{opacity:1}.journal-section:after{content:"";position:absolute;inset:0;border-radius:40px;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.15),transparent 50%);pointer-events:none;z-index:1}.journal-date{font-family:var(--font-sans);font-size:.95rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:3px;font-weight:800;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:border-shimmer 6s infinite linear}.journal-title{font-family:var(--font-sans);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;letter-spacing:-1px;line-height:.95;margin-bottom:2rem;color:var(--text-color);transform:translateZ(0);-webkit-font-smoothing:antialiased;backface-visibility:hidden;will-change:transform}.journal-p{font-family:var(--font-sans);font-size:1.3rem;line-height:1.6;margin-bottom:2rem;color:var(--text-secondary);max-width:850px;font-weight:400}.highlight{position:relative;font-style:italic;font-weight:800;background:linear-gradient(135deg,var(--lavender-4),var(--lavender-2),var(--lavender-4));background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;animation:border-shimmer 6s infinite linear}.highlight:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--lavender-4),var(--lavender-2));border-radius:2px;transform:scaleX(0);transform-origin:right;transition:transform .4s ease}.highlight:hover:after{transform:scaleX(1);transform-origin:left}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:2rem;margin:3rem 0;padding:2rem 0;border-top:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line);width:100%}.stat-item{text-align:center}.stat-num{font-size:2.5rem;font-weight:300;color:#d4a574;display:block}.stat-lab{font-family:var(--font-inter);font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:#888}.quote-box{margin:3rem 0;padding:2rem;background:#ffffff80;border-left:3px solid #d4a574;font-family:var(--font-journal);font-size:1.4rem;font-style:italic;color:#666}.timeline-item{margin:2.5rem 0;padding-left:2rem;border-left:1px solid var(--grid-line);position:relative}.timeline-item:before{content:"";position:absolute;left:-4px;top:0;width:7px;height:7px;background:#d4a574;border-radius:50%}.project-card{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px dashed var(--grid-line);display:flex;gap:1.5rem;align-items:flex-start;position:relative;transition:all .3s ease;cursor:pointer}.project-card:hover{transform:translate(10px)}.floating-image{position:fixed;pointer-events:none;width:320px;height:200px;z-index:1000;border-radius:20px;overflow:hidden;box-shadow:0 30px 60px #0003;transform:translate(-50%,-50%)}.floating-image img{width:100%;height:100%;object-fit:cover}.lens-section{padding:10rem 0;text-align:center;max-width:900px;width:100%;display:flex;flex-direction:column;align-items:center}.lens-instruction{font-family:var(--font-serif);font-size:1.8rem;color:#3259e8;margin-bottom:2rem;font-style:italic}.lens-title{font-family:var(--font-serif);font-size:clamp(4rem,12vw,9rem);color:#3259e8;margin-bottom:2.5rem;font-weight:500;line-height:.9}.lens-subtitle{font-family:var(--font-sans);font-size:1.15rem;color:#666;max-width:780px;line-height:1.6;font-weight:400}.lens-canvas{width:100%;height:500px;background:#fff3;margin-top:5rem;border-radius:40px;border:1px dashed rgba(50,89,232,.3);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:crosshair}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:3rem 0}.skill-card{position:relative;background:#ffffff0d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:.5px solid var(--lavender-3);padding:2.5rem 2rem;border-radius:30px;overflow:hidden;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;justify-content:space-between;min-height:180px;box-shadow:0 10px 30px #00000008}.skill-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(170,152,169,.1),transparent 80%);opacity:0;transition:opacity .3s ease;pointer-events:none}.skill-card:hover{transform:translateY(-10px) scale(1.02);border-color:var(--lavender-2);box-shadow:0 30px 60px #00000014}.skill-card:hover:before{opacity:1}.skill-name{font-family:var(--font-sans);font-size:1.6rem;font-weight:800;color:var(--text-color);line-height:1.1;letter-spacing:-.5px;margin-bottom:1rem}.skill-label{font-family:var(--font-sans);font-size:.8rem;text-transform:uppercase;letter-spacing:2px;font-weight:600;color:var(--lavender-4)}.dark-mode .skill-card{background:#ffffff05;border-color:var(--border-color);box-shadow:0 10px 40px #0000004d}.dark-mode .skill-card:hover{background:#ffffff0d;border-color:var(--gold-2);box-shadow:0 40px 80px #00000080,0 0 20px var(--gold-glow)}.dark-mode .skill-label{color:var(--gold-2)}.dark-mode .skill-name{color:#fff}.project-showcase{width:100%;margin-top:8rem;position:relative;background:transparent;cursor:pointer;z-index:5;transition:transform .4s cubic-bezier(.25,.8,.25,1)}.showcase-inner{position:relative;width:100%;border-radius:32px;background:transparent!important}.project-showcase:hover{transform:translateY(-5px)}.curved-text-svg{position:absolute;top:-110px;left:50%;transform:translate(-50%);width:100%;max-width:1200px;height:auto;pointer-events:none;z-index:10;overflow:visible}.curved-text-content{font-family:var(--font-journal);font-size:5.5rem;font-weight:900;fill:#1e1e1e;letter-spacing:.5px;font-style:italic;paint-order:stroke fill;stroke:transparent;stroke-width:2px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.05));margin-top:3rem;margin-bottom:3rem}.dark-mode .curved-text-content{fill:#fff;stroke:#00000080;stroke-width:.5px;filter:drop-shadow(0 0 15px rgba(255,255,255,.4))}.click-me-text{background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.6rem 1.4rem;border-radius:100px;font-weight:800;font-size:.85rem;color:#fff;display:flex;align-items:center;gap:12px;letter-spacing:1.5px;text-transform:uppercase;font-family:var(--font-inter);border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 40px #0003;transition:all .4s cubic-bezier(.16,1,.3,1);animation:click-me-shimmer 4s ease-in-out infinite;position:relative;overflow:visible}.click-me-text:before{content:"";position:absolute;inset:0;border-radius:inherit;background:inherit;z-index:-1;animation:click-me-pulse 2s cubic-bezier(.24,0,.38,1) infinite;opacity:.4}@keyframes click-me-pulse{0%{transform:scale(1);opacity:.4}70%,to{transform:scale(1.3,1.5);opacity:0}}@keyframes click-me-shimmer{0%,80%,to{transform:scale(1)}85%{transform:scale(1.05)}90%{transform:scale(.98)}95%{transform:scale(1.02)}}.dark-mode .click-me-text{background:#ffffff1a;border-color:#ffffff4d;box-shadow:0 10px 30px #0006}.click-me-text:hover{background:#fffffff2;color:#000;transform:translateY(-2px)}.dark-mode .click-me-text:hover{background:#fff;color:#000}.showcase-overlay{background:transparent;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:flex-end;padding:1.5rem;z-index:2}.showcase-image{width:100%;max-height:750px;display:block;object-fit:cover;object-position:top;border-radius:32px;border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 50px #0000001a;position:relative;z-index:1;background:transparent!important}.showcase-inner{position:relative;width:100%;border-radius:32px;overflow:hidden}.showcase-lens{position:absolute;pointer-events:none;width:140px;height:140px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 75%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 15px 35px #0003,inset 0 0 0 1px #fff3;transform:translate(-50%,-50%)}.lens-text{font-family:var(--font-inter);font-size:.7rem;font-weight:700;text-transform:uppercase;color:#fff;margin-top:8px;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;z-index:99999;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.modal-content{max-width:90vw;max-height:90vh;position:relative;cursor:default;display:flex;align-items:center;justify-content:center;z-index:100000}.modal-content img{max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 40px 100px #00000080}.modal-close{position:fixed;top:30px;right:30px;background:#fff;border:none;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#000;z-index:100001;box-shadow:0 10px 30px #00000026;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.modal-close:hover{transform:rotate(90deg) scale(1.1);background:#f0f0f0}.ecosystem-section{width:100%;margin:4rem 0;padding:6rem 4rem;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(170,152,169,.05) 0%,transparent 60%),#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:60px;border:1.5px solid var(--border-color);border-top:1px solid rgba(212,175,55,.3);box-shadow:0 40px 100px #0006;position:relative;overflow:hidden;z-index:20;display:flex;flex-direction:column;align-items:center;text-align:center}.ecosystem-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--grid-line) 1.5px,transparent 1.5px),linear-gradient(90deg,var(--grid-line) 1.5px,transparent 1.5px);background-size:60px 60px;opacity:.15;pointer-events:none;z-index:0}.ecosystem-section:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;opacity:.4;z-index:1}.ecosystem-hub-animated{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,#2a5298,#1e3c72);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:4px solid var(--border-color);box-shadow:0 20px 50px #2a52984d}.hub-animation-circle{position:absolute;width:80px;height:80px;background:var(--lavender-fade);border-radius:50%;filter:blur(5px);animation:hub-float 8s infinite ease-in-out}@keyframes hub-float{0%,to{transform:translate(-20px,-20px)}33%{transform:translate(40px,-10px)}66%{transform:translate(-10px,50px)}}.deep-dive-section{margin-top:5rem;padding:5rem;background:#ffffff08;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:60px;border:1px solid var(--border-color);position:relative;overflow:hidden;box-shadow:0 50px 100px #0000000d;will-change:transform}.dark-mode .deep-dive-section{background:linear-gradient(135deg,#0f0f0fe6,#050505f2);border:1.5px solid rgba(212,175,55,.6);box-shadow:0 60px 120px #000000b3,0 0 30px #d4af371a}.deep-dive-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;position:relative;width:100%}.close-deep-dive{margin-left:auto;background:#0000000d;border:1px solid rgba(0,0,0,.1);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-color);transition:all .3s ease;z-index:10}.dark-mode .close-deep-dive{background:#ffffff1a;border-color:#d4af374d;color:#fff}.close-deep-dive:hover{background:var(--lavender-fade);transform:rotate(90deg)}.node-emoji{display:flex;align-items:center;justify-content:center;flex-shrink:0}.deep-dive-header h2{font-family:var(--font-sans);font-size:clamp(3rem,6vw,5rem);font-weight:900;letter-spacing:-2px;line-height:.9;margin:0}.node-emoji img{width:56px;height:56px;object-fit:contain;border-radius:14px}.deep-dive-actions{display:flex;flex-direction:column;gap:1.5rem;align-items:flex-start}.deep-dive-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;align-items:flex-start}.deep-dive-info{position:sticky;top:40px}@media(max-width:1100px){.deep-dive-grid{grid-template-columns:1fr;gap:3rem}.deep-dive-section{padding:3rem}}.deep-dive-desc{font-size:1.6rem;line-height:1.4;font-weight:500;color:var(--text-color);margin-bottom:3rem;max-width:900px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:4rem}.feature-item{display:flex;align-items:center;gap:12px;font-size:1.1rem;font-weight:600;color:var(--text-secondary)}.feature-item svg{color:var(--lavender-4)}.dark-mode .feature-item svg{color:var(--gold-2)}.deep-dive-actions{margin-top:2rem;display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center}.store-buttons-inline{display:flex;gap:1rem;align-items:center;margin-left:.5rem}.simple-store-link{width:44px;height:44px;border-radius:50%;background:#ffffff0d;border:1.5px solid var(--text-color);display:flex;align-items:center;justify-content:center;color:var(--text-color);transition:all .4s cubic-bezier(.16,1,.3,1)}.simple-store-link:hover{background:var(--text-color);color:var(--bg-color);transform:translateY(-4px)}.dark-mode .simple-store-link{border-color:var(--gold-2);color:var(--gold-2)}.dark-mode .simple-store-link:hover{background:var(--gold-2);color:#000}.live-link{display:inline-flex;align-items:center;gap:12px;padding:1rem 2.2rem;background:var(--text-color);color:var(--bg-color)!important;border-radius:100px;font-weight:700;font-size:.95rem;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 25px #0000001a;border:1px solid transparent;cursor:pointer}.live-link:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0003;filter:brightness(1.1)}.live-link.secondary{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-color)!important;border:1.5px solid var(--text-color);box-shadow:none}.live-link.secondary:hover{background:var(--text-color);color:var(--bg-color)!important}.dark-mode .live-link.secondary{border-color:var(--gold-2);color:var(--gold-2)!important}.dark-mode .live-link.secondary:hover{background:var(--gold-2);color:#000!important}.deep-dive-media-wrapper{display:flex;flex-direction:column;gap:3rem}.deep-dive-media{position:relative;border-radius:40px;overflow:hidden;background:#00000005;border:1.5px solid var(--border-color);box-shadow:0 40px 100px #0000001a;transition:all .5s cubic-bezier(.16,1,.3,1);max-height:65vh;display:flex;align-items:center;justify-content:center}.deep-dive-image,.deep-dive-video{width:100%;height:100%;object-fit:cover;display:block}.image-container .deep-dive-image{object-fit:scale-down;padding:1rem;background:#ffffff05}.deep-dive-media:hover{transform:translateY(-8px);box-shadow:0 50px 100px #00000026}.media-label{position:absolute;top:20px;right:20px;background:#ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-color);padding:.6rem 1.2rem;border-radius:100px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;z-index:10;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #0000001a}.dark-mode .media-label{background:#0006;color:var(--gold-2);border-color:#d4af3733}.deep-dive-video,.deep-dive-image{width:100%;height:auto;display:block;object-fit:contain;max-height:none}@media(max-width:768px){.deep-dive-video,.deep-dive-image{max-height:450px;border-radius:20px}}@media(max-width:768px){.deep-dive-section{padding:2rem 1.5rem;margin-top:3rem;border-radius:32px}.deep-dive-desc{font-size:1.15rem;margin-bottom:2rem}.feature-list{grid-template-columns:1fr;gap:.8rem;margin-bottom:2.5rem}.feature-item{font-size:.95rem}.deep-dive-header h2{font-size:2.2rem}.node-emoji img{width:44px;height:44px}}@media(max-width:768px){.app-wrapper{flex-direction:column;padding:1rem}.sidebar{position:relative;width:100%;margin-right:0;margin-bottom:2rem;padding:2rem;border-radius:32px}.main-layout{margin-left:0;padding:0 1rem;overflow-x:hidden}.section-spacing{margin-top:2rem!important}.header-left{gap:.5rem}.nav-link{padding:.5rem .8rem;font-size:.7rem;letter-spacing:.5px}.resume-link{padding:.5rem .8rem}.hero-title{text-align:center;min-height:5.5em;font-size:2.8rem;line-height:1.2}.hero-title .highlight{display:block;min-height:1.25em;margin-top:.2rem}main{align-items:center}header{flex-wrap:wrap;flex-direction:column;align-items:center;height:auto;padding:1rem 0;gap:1rem}.header-left{order:2}.main-nav{flex-wrap:wrap;justify-content:center;gap:.5rem;order:1;width:100%}.journal-p{font-size:1.1rem}.journal-section{padding:.8rem!important;overflow:visible!important}.infinite-canvas-card{overflow:visible!important;width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important}.project-showcase{border-radius:20px;margin-top:10rem;margin-bottom:2rem;width:100%!important;overflow:visible!important;position:relative}.showcase-inner{position:relative;width:100%;background:transparent!important;overflow:visible!important}.showcase-image{max-height:85vh;width:200vw!important;max-width:none!important;margin-left:calc(-100vw + 50%)!important;object-fit:cover;object-position:top;border-radius:0;transform:scale(1.1);filter:drop-shadow(0 20px 60px rgba(0,0,0,.5))}.curved-text-svg{height:200px;top:-85px;width:140%!important;left:50%;transform:translate(-50%) scale(1);overflow:visible;z-index:15}.curved-text-content{font-size:64px;font-weight:950;filter:drop-shadow(0 4px 20px rgba(0,0,0,.8))}.showcase-open .curved-text-svg{top:-105px;width:155%!important}.showcase-open .curved-text-content{font-size:108px}.click-me-text{font-size:1.2rem!important;padding:.9rem 2rem!important;background:#ffffff26!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important}.ecosystem-section{padding:2rem 1rem;margin-top:6rem}.ecosystem-core{width:140px;height:140px;font-size:.9rem}.core-glow{width:200%;height:200%}.orbit-items{gap:1.5rem}.ecosystem-node{width:100px}.node-icon{width:80px;height:80px;font-size:1.8rem;border-radius:20px}.node-name{font-size:.7rem}.node-preview{display:none}.ecosystem-node.active .node-preview{display:block;opacity:1;pointer-events:auto;width:280px;left:50%;transform:translate(-50%);bottom:120%;z-index:150}.preview-action-btn{display:block;width:100%;margin-top:.8rem;padding:.6rem;background:#3259e8;color:#fff;border:none;border-radius:8px;font-size:.8rem;font-weight:600}.modal-close{top:20px;right:20px;width:40px;height:40px}}.section-spacing{margin-top:8rem}.corporate-experience-grid{display:flex;gap:2rem;margin-top:2rem;flex-wrap:wrap}.corporate-card{flex:1;min-width:200px;background:#ffffff08;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:.8rem 1.2rem;border-radius:20px;display:flex;align-items:center;gap:1rem;border:1px solid var(--lavender-4);border-left:6px solid var(--teal-accent);box-shadow:0 10px 30px #00000008;transition:all .3s ease;cursor:default}.corporate-card:hover{border-color:#b1a3d766;box-shadow:0 20px 40px #b1a3d71a}.corporate-logo-box{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff;border-radius:10px;padding:6px;box-shadow:0 4px 12px #0000000d}.dark-mode .corporate-logo-box{background:#ffffffe6}.corporate-logo-box img{width:100%;height:100%;object-fit:contain;transition:transform .4s ease}.corporate-card:hover .corporate-logo-box img{transform:scale(1.15) rotate(5deg)}.corporate-info strong{display:block;font-size:.95rem;color:var(--text-color);background:linear-gradient(90deg,var(--text-color),var(--lavender-4),var(--text-color));background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:background-position .5s ease;font-family:var(--font-inter);font-weight:700}.corporate-card:hover .corporate-info strong{background-position:right center}.corporate-info{display:flex;flex-direction:column}.corporate-info span{font-size:.7rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-top:1px}.dark-mode .corporate-logo-box{background:#fff;box-shadow:0 0 15px #ffffff1a}.dark-mode .corporate-card{background:#ffffff0d}@media(max-width:768px){.corporate-experience-grid{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:1rem;padding-bottom:1.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-right:-1.5rem}.corporate-experience-grid::-webkit-scrollbar{display:none}.corporate-card{flex:0 0 240px;min-width:240px}.ecosystem-section h2.journal-title{font-size:1.8rem!important;line-height:1.2}.ecosystem-section .selected-works-desc{font-size:1rem!important;margin-bottom:2rem!important}.ecosystem-section{align-items:center!important;text-align:center}}.cta-banner{margin:8rem 0 4rem;padding:6rem 4rem;background:#ffffff08;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:40px;text-align:center;position:relative;overflow:hidden;border:4px solid var(--border-color);box-shadow:0 30px 80px #0000000a}.cta-content{position:relative;z-index:2}.cta-banner h3{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1.5rem;color:var(--text-color);letter-spacing:-1px}.cta-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto 3rem;line-height:1.6}.premium-btn{display:inline-flex;align-items:center;gap:12px;padding:1.2rem 3rem;background:#aa98a9e6;color:#fff!important;text-decoration:none;border-radius:100px;font-family:var(--font-inter);font-weight:700;letter-spacing:.5px;transition:all .4s cubic-bezier(.23,1,.32,1);box-shadow:0 20px 40px #aa98a940}.premium-btn:hover{background:#aa98a9;transform:translateY(-5px);box-shadow:0 30px 60px #aa98a959}.dark-mode .premium-btn{background:var(--text-color);color:#000!important;box-shadow:0 20px 40px #00000026}.dark-mode .premium-btn span,.dark-mode .premium-btn svg{color:#000!important}.dark-mode .premium-btn:hover{background:#fff;color:#0c0c0c!important;box-shadow:0 30px 60px #00000040}.last-note{margin-top:4rem;font-family:var(--font-journal);font-style:italic;font-size:1.4rem;color:var(--text-muted)}.cta-orb-1,.cta-orb-2{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(80px);z-index:1;opacity:.4;pointer-events:none}.cta-orb-1{background:radial-gradient(circle,var(--lavender-4),transparent 70%);top:-150px;left:-100px;animation:orb-float 20s infinite alternate}.cta-orb-2{background:radial-gradient(circle,var(--lavender-2),transparent 70%);bottom:-150px;right:-100px;animation:orb-float 25s infinite alternate-reverse}@media(max-width:1024px){.sidebar{display:none}.mobile-theme-toggle{display:flex!important}.main-layout{margin-left:0;padding:0 1.5rem}.hero-title{text-align:center;min-height:1.5em}main{align-items:center}header{flex-wrap:wrap;flex-direction:column;align-items:center;height:auto;padding:1rem 0;gap:1rem}.header-left{order:2}.main-nav{flex-wrap:wrap;justify-content:center;gap:.5rem;order:1;width:100%}}@media(min-width:1025px)and (max-width:1280px){.main-layout{padding:2rem 2rem 4rem}}.journey-cta-box{margin-top:2rem;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:1.5rem 3rem;background:#fff;color:#1a1a1a;border-radius:28px;font-weight:800;font-size:1.15rem;cursor:pointer;border:1px solid rgba(0,0,0,.05);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:1.5px;overflow:visible;position:relative;transform:translateZ(0);backface-visibility:hidden}.journey-cta-box:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.6),transparent);transform:skew(-25deg) translate3d(-150%,0,0);animation:cta-shimmer 6s infinite;pointer-events:none}@keyframes cta-pulse-ring{0%{transform:scale(1);opacity:.5}70%,to{transform:scale(1.2,1.4);opacity:0}}@keyframes cta-shimmer{0%{transform:skew(-25deg) translate3d(-150%,0,0)}20%{transform:skew(-25deg) translate3d(150%,0,0)}to{transform:skew(-25deg) translate3d(150%,0,0)}}@keyframes cta-breathing{0%,to{transform:scale(1) translateY(0);box-shadow:0 2px #0000000d,0 10px 30px #0000000d,0 12px 0 -2px #aa98a999,0 24px 0 -4px #aa98a966}50%{transform:scale(1.02) translateY(-4px);box-shadow:0 4px #00000014,0 20px 45px #00000014,0 15px 0 -2px #aa98a9e6,0 30px 0 -4px #aa98a999}}@media(max-width:768px){.cta-banner{padding:3rem 1.5rem!important;margin:4rem 0 2rem!important}.journal-title,.journal-date{text-align:center!important;width:100%;display:block}.infinite-canvas-card{display:flex;flex-direction:column;align-items:center;text-align:center}.infinite-canvas-card p{text-align:center!important;margin-left:auto;margin-right:auto}.journey-cta-box{padding:1rem 1.2rem!important;font-size:.85rem!important;gap:10px!important;width:260px!important;margin:2rem auto!important;display:flex!important;justify-content:center!important}.journey-wrapper{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;margin-left:0!important;margin-right:0!important}.journey-indicator-arrows{margin-right:0!important;align-self:center!important}.curved-text-svg{top:-95px!important;transform:translate(-50%) scale(.85)!important}}.journey-cta-box:hover{transform:translateY(-6px) scale(1.05);letter-spacing:2px;background:#fff;box-shadow:0 4px #0000000d,0 25px 50px #0000001a,0 18px 0 -2px #aa98a9e6}.journey-cta-box:active{transform:translateY(-2px);box-shadow:0 1px #0000000d,0 5px 15px #0000000d,0 8px 0 -2px #aa98a9e6,0 8px 0 -1px #fff,0 8px 1px -1px #0000001a,0 16px 0 -4px #aa98a9e6,0 16px 0 -3px #fff,0 16px 2px -3px #00000014}.journey-arrow{opacity:.4;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.journey-cta-box:hover .journey-arrow{opacity:1;transform:translateY(3px)}.dark-mode .journey-cta-box{background:#e6c15c;color:#000!important;overflow:visible;transform:translateZ(0)}.dark-mode .journey-cta-box:before{background:#f1c40f;animation:cta-pulse-ring-dark 2s cubic-bezier(.24,0,.38,1) infinite}.dark-mode .journey-cta-box:after{background:linear-gradient(to right,transparent,rgba(212,175,55,.4),transparent)}@keyframes cta-pulse-ring-dark{0%{transform:scale(1);box-shadow:0 0 #d4af3799;opacity:.6}70%,to{transform:scale(1.3,1.5);box-shadow:0 0 0 20px #d4af3700;opacity:0}}@keyframes cta-breathing-dark{0%,to{transform:scale(1) translateY(0);box-shadow:0 2px #0003,0 10px 40px #d4af3733,0 12px 0 -2px #d4af37,0 24px 0 -4px #b8860b}50%{transform:scale(1.02) translateY(-4px);box-shadow:0 4px #0000004d,0 20px 60px #d4af3766,0 15px 0 -2px #f1c40f,0 30px 0 -4px #d4af37}}.dark-mode .journey-cta-box:hover{background:#f9e076;box-shadow:0 4px #0003,0 20px 60px #d4af374d,0 18px 0 -2px #f9e076,0 18px 2px -1px #00000059,0 36px 0 -4px #d4af37,0 36px 3px -3px #00000073}.dark-mode .journey-cta-box .journey-arrow{color:#000!important}.journey-wrapper{display:flex;flex-direction:column;align-items:flex-start;width:100%;position:relative;margin-top:2rem}.journey-indicator-arrows{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;margin:2.5rem 0;width:fit-content}.indicator-arrow{opacity:.2;color:var(--text-color);animation:arrow-sway 2s ease-in-out infinite}@keyframes arrow-sway{0%,to{transform:translateY(0);opacity:.2}50%{transform:translateY(8px);opacity:.8;color:var(--teal-accent)}}.core-wrapper .journey-indicator-arrows{position:absolute;top:100%;left:50%;transform:translate(-50%);margin:1.5rem 0 0;width:max-content;z-index:5;flex-direction:row}.signature-container{margin-top:7rem;margin-bottom:-3rem;display:flex;justify-content:flex-start;padding-left:.5rem;width:100%}@media(max-width:768px){.signature-container{margin-top:6rem;justify-content:center;padding-left:0;margin-bottom:2rem}}.signature-text{font-family:var(--font-personal);font-size:5rem;color:var(--text-color);opacity:.9;line-height:1}.pro-signature{font-family:var(--font-sans);font-weight:700;font-size:1.1rem;letter-spacing:3px;text-transform:uppercase;color:var(--text-color);opacity:.7;border-bottom:2px solid var(--lavender-4);padding-bottom:4px}.dark-mode .pro-signature{border-color:var(--gold-2)}.showcase-scroll-indicator{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:15px!important;margin:30px auto!important;width:100%!important;z-index:100}.indicator-arrow{color:var(--lavender-4);animation:arrow-jump 2s infinite ease-in-out;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}.dark-mode .indicator-arrow{color:var(--gold-2)!important;filter:drop-shadow(0 0 20px var(--gold-glow))!important;opacity:1!important}.arrow-1{animation-delay:0s}.arrow-2{animation-delay:.2s}.arrow-3{animation-delay:.4s}.arrow-4{animation-delay:.6s}.arrow-5{animation-delay:.8s}@keyframes arrow-jump{0%,to{transform:translateZ(0);opacity:.3}50%{transform:translate3d(0,10px,0);opacity:1}}.mobile-theme-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(138,137,160,.3);color:var(--text-color);cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 15px #0000000d;margin-left:.5rem;-webkit-tap-highlight-color:transparent}.dark-mode .mobile-theme-toggle{background:#28282899;border-color:#ffffff26;box-shadow:0 4px 15px #0000004d}.mobile-theme-toggle:hover{transform:translateY(-2px) rotate(15deg);background:var(--bg-color);border-color:var(--text-color);box-shadow:0 8px 20px #0000001a}.whatsapp-widget{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;background:var(--lavender-4);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #77769666;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:2000;cursor:pointer;text-decoration:none}.whatsapp-widget:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 25px #77769680;background:var(--lavender-3);color:#fff}.whatsapp-widget svg{fill:currentColor;width:32px;height:32px}@media(max-width:768px){.mobile-theme-toggle{display:flex}.showcase-image{object-fit:contain;max-height:400px}}.personal-mode .hero-title,.personal-mode .journal-p,.personal-mode .cta-banner h3,.personal-mode .cta-subtitle,.personal-mode .last-note,.personal-mode .premium-btn,.personal-mode .user-name,.personal-mode .user-info p,.personal-mode .location-tag,.personal-mode .experience-tag,.personal-mode .category-tag,.personal-mode .nav-link,.personal-mode .card-title,.personal-mode .card-text,.personal-mode .personal-stat-item strong,.personal-mode .personal-stat-item p,.personal-mode .mode-btn,.personal-mode .sidebar-theme span,.personal-mode .hero-tap-bubble,.personal-mode .hero-video-label,.personal-mode .profile-tap-hint,.personal-mode .resume-link span,.personal-mode span{font-family:var(--font-personal)!important;text-transform:none!important;letter-spacing:.5px!important}.personal-mode .mode-btn{font-size:1.2rem!important}.personal-mode .hero-tap-bubble,.personal-mode .sidebar-theme span{font-size:1.1rem!important}.personal-mode .hero-title{font-size:clamp(2rem,7vw,4rem)!important;line-height:1.2!important;min-height:6em!important}.personal-mode .journal-p{font-size:1.35rem!important;opacity:.9!important}.personal-mode .user-name{font-size:3.8rem!important}.personal-mode .category-tag{font-size:1.1rem!important}.personal-mode .nav-link{font-size:1.3rem!important}.personal-mode .card-title{font-size:3rem!important}.personal-mode .card-text{font-size:1.5rem!important}.infinite-canvas-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;transform:translateZ(0);backface-visibility:hidden}.work-header-flex{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:.5rem}.selected-works-count{font-size:.9rem;color:#999;font-weight:600;font-family:var(--font-inter)}.selected-works-desc{font-family:var(--font-sans);font-size:1.3rem;line-height:1.6;margin-bottom:2.5rem;color:var(--text-secondary);max-width:900px;font-weight:400}.showcase-inner,.showcase-image{background:transparent!important}.project-type-badge{padding:8px 18px;background:#aa98a91a;border:2px solid var(--lavender-4);border-radius:100px;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--text-color);margin-left:2rem;align-self:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 15px #0000000d}.dark-mode .project-type-badge{background:#d4af3714;border-color:#d4af3766;color:var(--gold-2);box-shadow:0 0 20px #d4af371a}@media(max-width:768px){.project-type-badge{margin-left:0;margin-top:1rem;font-size:.7rem;padding:4px 12px}.deep-dive-header{flex-direction:column;align-items:flex-start;gap:.5rem}}@keyframes border-shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.personal-journey-container{display:flex;flex-direction:column;gap:3rem;width:100%;max-width:1200px;margin:0 auto}.personal-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.personal-card{background:linear-gradient(135deg,rgba(170,152,169,.12) 0%,rgba(179,158,181,.05) 50%,transparent 100%);padding:3rem;border-radius:40px;border:1px solid rgba(170,152,169,.2);display:flex;flex-direction:column;gap:1.5rem;position:relative;overflow:hidden;transition:all .4s ease}.dark-mode .personal-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05 60%,#d4af370d);border:1px solid rgba(212,175,55,.4);box-shadow:0 40px 100px #0003}.wide-card{padding:3.5rem}.ritual-time-badge{display:inline-block;padding:6px 14px;background:var(--lavender-2);color:#000;border-radius:100px;font-size:.75rem;font-weight:700;margin-bottom:.5rem;width:fit-content}.dark-mode .ritual-time-badge{background:#d4af3726;color:var(--gold-2)}.card-title{font-family:var(--font-serif);font-size:2.2rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.card-subtitle{color:var(--text-secondary);font-size:1.1rem;opacity:.8;margin-bottom:2rem}.card-text{font-size:1.15rem;line-height:1.6;color:var(--text-secondary)}.personal-stats{display:flex;flex-direction:column;gap:1.2rem}.personal-stat-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#ffffff80;border-radius:24px;border:1px solid rgba(0,0,0,.03);transition:all .3s cubic-bezier(.165,.84,.44,1)}.dark-mode .personal-stat-item{background:#ffffff08;border-color:#ffffff0d}.personal-stat-item:hover{transform:translate(8px);background:#fffc}.stat-icon{font-size:2rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.stat-info strong{display:block;font-size:1.1rem;color:var(--text-color)}.stat-info p{font-size:.95rem;color:var(--text-secondary);margin:0}.ritual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.ritual-item{padding:2rem;background:#fff6;border:1px solid rgba(0,0,0,.05);border-radius:30px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;transition:all .4s ease}.dark-mode .ritual-item{background:#1e1e1e4d;border-color:#ffffff0d}.ritual-item:hover{transform:translateY(-5px);background:#ffffffe6;box-shadow:0 15px 35px #0000000d}.ritual-time{font-size:.75rem;font-weight:800;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase}.ritual-icon{font-size:2.5rem}.ritual-info strong{display:block;font-size:1.05rem;margin-bottom:.3rem}.ritual-info span{font-size:.9rem;color:var(--text-secondary);opacity:.8}.wisdom-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem}.wisdom-item{display:flex;gap:2rem;align-items:center}.wisdom-cover-wrapper{position:relative;width:100px;height:150px;border-radius:12px;flex-shrink:0;cursor:pointer;overflow:hidden;box-shadow:0 10px 25px #0000001a;transition:all .4s ease}.wisdom-cover-wrapper:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 20px 40px #00000026}.wisdom-cover{width:100%;height:100%;object-fit:cover}.wisdom-details strong{display:block;font-family:var(--font-serif);font-size:1.3rem;margin-bottom:.4rem}.wisdom-details span{display:block;font-size:.95rem;font-style:italic;color:var(--text-muted);margin-bottom:1rem}.wisdom-details p{font-size:1rem;line-height:1.5;color:var(--text-secondary);border-left:2px solid var(--lavender-2);padding-left:1rem}.personal-cta{background:linear-gradient(135deg,rgba(170,152,169,.08) 0%,transparent 100%);padding:5rem 3rem;text-align:center;border-radius:50px;display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:2rem}.personal-cta h3{font-family:var(--font-serif);font-size:2.5rem;margin:0}@media(max-width:768px){.personal-details-grid,.wisdom-list{grid-template-columns:1fr}.personal-card,.wide-card{padding:2rem}.card-title{font-size:1.8rem}.wisdom-item{flex-direction:column;align-items:flex-start;gap:1.5rem}.wisdom-cover-wrapper{width:120px;height:180px}}.hero-video-container{position:relative;width:450px;height:450px;margin:2rem auto 1rem;display:flex;justify-content:center;align-items:center;transition:all .5s ease;-webkit-tap-highlight-color:transparent}@media(max-width:480px){.hero-video-container{width:280px;height:280px}}.hero-video-frame{width:100%;height:100%;border-radius:50%;background:transparent;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:10px;border:18px solid rgba(179,158,181,.9);box-shadow:0 40px 100px #aa98a926,inset 0 0 30px #aa98a91a;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.hero-video-content{width:100%;height:100%;border-radius:50%;object-fit:cover;background:transparent;transition:all .5s ease}.dark-mode .hero-video-content:not(.no-invert){background:#111;filter:invert(.9) hue-rotate(180deg)}.dark-mode .hero-video-frame{background:#ffffff05;box-shadow:0 40px 100px #0006,inset 0 0 30px #ffffff0d}.hero-video-label{position:absolute;bottom:0;left:50%;transform:translate(-50%) translateY(50%);background:var(--text-color);color:var(--bg-color);padding:.7rem 3rem;border-radius:100px;font-family:var(--font-inter);font-weight:800;font-size:1rem;letter-spacing:1.5px;text-transform:uppercase;z-index:100;box-shadow:0 10px 30px #0000004d;white-space:nowrap;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.dark-mode .hero-video-label{background:#fff;color:#0c0c0c;box-shadow:0 10px 40px #b39eb54d}@media(max-width:768px){.hero-video-container{width:320px;height:320px}}.hero-tap-bubble{position:absolute;top:15%;right:-20px;background:var(--lavender-4);color:#fff;padding:.8rem 1.4rem;border-radius:30px 30px 5px;font-family:var(--font-inter);font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;box-shadow:0 15px 35px #0003;z-index:110;pointer-events:none;animation:bubble-float 4s infinite ease-in-out;border:2px solid rgba(255,255,255,.2)}.hero-tap-bubble:after{content:"";position:absolute;bottom:-10px;right:20px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--lavender-4)}@keyframes bubble-float{0%,to{transform:translateY(0) rotate(-2deg) scale(1)}50%{transform:translateY(-15px) rotate(2deg) scale(1.05)}}.dark-mode .hero-tap-bubble{background:#fff;color:#1a1a1a;box-shadow:0 15px 40px #b39eb566}.dark-mode .hero-tap-bubble:after{border-top-color:#fff}.hero-pulse-glow{position:absolute;width:140%;height:140%;background:radial-gradient(circle,rgba(179,158,181,.4) 0%,rgba(179,158,181,.15) 40%,transparent 75%);border-radius:50%;z-index:-1;pointer-events:none;animation:hero-glow-pulse 6s infinite ease-in-out;filter:blur(15px)}.dark-mode .hero-pulse-glow{background:radial-gradient(circle,rgba(212,175,55,.3) 0%,rgba(212,175,55,.1) 40%,transparent 70%);filter:blur(40px)}@keyframes hero-glow-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:1}}.personal-hero-card{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:none!important;border-radius:40px;padding:4rem;position:relative;overflow:hidden;margin-bottom:2rem;isolation:isolate;box-shadow:0 40px 120px #b39eb514,0 0 60px #b39eb50d}.personal-hero-card:before,.personal-hero-card:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(150px);z-index:-1;opacity:.45;pointer-events:none}.personal-hero-card:before{background:var(--lavender-4);top:-50px;left:-50px}.personal-hero-card:after{background:var(--lavender-2);bottom:-50px;right:-50px}.dark-mode .personal-hero-card{background:#ffffff03;border-color:#d4af371a;box-shadow:inset 0 0 60px #d4af370d,0 40px 100px #0000004d}@media(max-width:768px){.personal-hero-card{padding:2.5rem 1.5rem;border-radius:30px;margin:0 1rem 2rem}}.mode-switcher-container{position:relative;display:flex;justify-content:center;margin:1.5rem 0 1rem;z-index:1000}.mode-switcher{display:flex;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4px;border-radius:100px;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 15px #0000000d;gap:4px}.dark-mode .mode-switcher{background:#1e1e1e99;border-color:#ffffff1a}.mode-btn{display:flex;align-items:center;gap:8px;padding:8px 24px;border-radius:100px;border:none;background:transparent;color:var(--text-muted);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:var(--font-sans)}.mode-btn.active{background:#aa98a9e6;color:#fff;box-shadow:0 4px 15px #aa98a94d}.dark-mode .mode-btn.active{background:var(--gold-2);color:#000}.category-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--lavender-2);color:#000;border-radius:100px;margin-bottom:2rem}.dark-mode .category-tag{background:#d4af371a;color:var(--gold-2)}.personal-journey-section{content-visibility:auto;contain-intrinsic-size:1000px}.personal-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(170,152,169,.05) 0%,rgba(179,158,181,.02) 50%,transparent 100%);pointer-events:none;z-index:0}.personal-card>*{position:relative;z-index:1}.card-title{letter-spacing:0}.personal-stats{display:flex;flex-direction:column;gap:1.5rem}.personal-stat-item{display:flex;align-items:flex-start;gap:1.2rem;padding:1.2rem;background:#fff6;border-radius:24px;transition:transform .3s ease}.dark-mode .personal-stat-item{background:#ffffff08}.personal-stat-item:hover{transform:translate(10px)}.stat-icon{font-size:1.8rem}.personal-stat-item strong{display:block;margin-bottom:2px}.personal-content-expanded{display:flex;flex-direction:column;gap:3rem;margin-top:4rem}@keyframes float-slow{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}.bg-glow-orb{animation:float-slow 15s ease-in-out infinite}.ritual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;margin-top:1.5rem}.ritual-item{position:relative;display:flex;flex-direction:column;gap:.8rem;padding:1.5rem;background:#fff9;border:1px solid rgba(255,255,255,.2);border-radius:20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-align:center;align-items:center;overflow:hidden}.dark-mode .ritual-item{background:#2828284d;border-color:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ritual-item:hover{transform:translateY(-8px);background:#fffc;box-shadow:0 15px 30px #0000000d}.dark-mode .ritual-item:hover{background:#ffffff14;box-shadow:0 15px 30px #0003}.ritual-time{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:4px 10px;border-radius:20px;background:#0000000d;color:var(--text-color);margin-bottom:.5rem;opacity:.7}.dark-mode .ritual-time{background:#ffffff1a}.ritual-icon{font-size:2.2rem;margin-bottom:.2rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));transition:transform .3s ease}.ritual-item:hover .ritual-icon{transform:scale(1.15) rotate(5deg)}.wisdom-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:1.5rem}.wisdom-item{display:flex;gap:1.5rem;align-items:flex-start}.wisdom-cover-wrapper{position:relative;width:85px;height:128px;border-radius:8px;flex-shrink:0;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d}.wisdom-cover-wrapper:after{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-25deg);transition:left .5s ease;pointer-events:none}.wisdom-cover-wrapper:hover:after{left:150%}.wisdom-cover-wrapper:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 15px 30px #00000026,0 5px 15px #0000001a}.wisdom-cover{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.tap-hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%) translateY(150%);width:auto;padding:.3rem .8rem;background:#ffffff1a;color:#fff;font-size:.65rem;text-align:center;font-weight:600;letter-spacing:.5px;border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0003;transition:transform .4s cubic-bezier(.19,1,.22,1),opacity .3s ease;opacity:0;pointer-events:none;white-space:nowrap}.wisdom-cover-wrapper:hover .tap-hint{transform:translate(-50%) translateY(0);opacity:1}.wisdom-cover-wrapper:hover .wisdom-cover{transform:scale(1.05)}.book-1{background:linear-gradient(135deg,#ff9a9e,#fecfef)}.book-2{background:linear-gradient(135deg,#a18cd1,#fbc2eb)}.wisdom-details strong{display:block;font-size:1.1rem;margin-bottom:.2rem}.wisdom-details span{font-size:.9rem;color:var(--text-muted);display:block;margin-bottom:.8rem;font-style:italic}.personal-cta{background:linear-gradient(135deg,var(--lavender-fade),transparent);margin-top:4rem}@media(max-width:768px){.mode-switcher-container{position:relative;top:0;left:0;transform:none;width:100%;display:flex;justify-content:center;margin-bottom:1rem;order:-1}.mode-switcher{padding:3px}.mode-btn{padding:6px 16px;font-size:.8rem}.personal-details-grid{grid-template-columns:1fr;margin-top:5rem}.personal-card{padding:1.5rem}}.view-toggle-container{display:inline-flex;background:#0000000d;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:6px;border-radius:100px;border:1px solid rgba(0,0,0,.08);position:relative;z-index:1000;margin:0 auto 10rem;box-shadow:0 10px 30px #0000001a}.dark-mode .view-toggle-container{background:#ffffff0d;border-color:#ffffff1a}@media(max-width:768px){.view-toggle-container{margin:0 auto 5rem;display:flex;justify-content:center;width:fit-content;align-self:center;gap:4px;padding:4px}.view-toggle-btn{padding:10px 18px;font-size:.75rem;letter-spacing:1px}}.view-toggle-btn{padding:12px 32px;border-radius:100px;border:none;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .4s cubic-bezier(.165,.84,.44,1);white-space:nowrap}.view-toggle-btn:hover{color:var(--text-color)}.view-toggle-btn.active{background:var(--text-color);color:var(--bg-color);box-shadow:0 8px 30px #00000026}.dark-mode .view-toggle-btn{color:#ffffff80}.dark-mode .view-toggle-btn.active{background:var(--gold-2);color:#000!important;box-shadow:0 8px 25px #d4af3766}.classical-view{width:100%;max-width:1400px;margin:0 auto;padding-bottom:4rem}.classical-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;padding:1rem;content-visibility:auto;contain-intrinsic-size:800px}.classical-card-container{perspective:2000px;height:480px;position:relative;cursor:default;transition:transform .5s cubic-bezier(.16,1,.3,1)}.classical-card-container:hover{transform:translateY(-5px)}.classical-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;pointer-events:auto}.classical-card-front,.classical-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.1);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 40px #0000004d;background:var(--bg-color);mask-image:radial-gradient(#fff,#fff);-webkit-mask-image:-webkit-radial-gradient(white,white);transform:translateZ(0);will-change:transform}.classical-card-front{z-index:2}.classical-card-back{background:#fffffff2;transform:rotateY(180deg);z-index:1;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);padding:2.5rem;border:1px solid rgba(0,0,0,.05)}.dark-mode .classical-card-front,.dark-mode .classical-card-back{border:1.5px solid rgba(212,175,55,.45)!important;box-shadow:0 10px 30px #00000080,0 0 15px #d4af371a}.dark-mode .classical-card-back{background:#0f0f12f2}.card-media-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s cubic-bezier(.16,1,.3,1);transform:translateZ(0);will-change:transform}.classical-card-container:hover .card-media-bg{transform:scale(1.08) translateZ(0)}.card-front-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 20%,rgba(0,0,0,.6) 100%);z-index:-1;opacity:.3}.card-title-front{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:.5rem;letter-spacing:-.5px;background:#aa98a966;padding:.4rem 1rem;border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:fit-content;text-shadow:0 2px 10px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.15)}.card-front-content{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;position:relative;z-index:2;padding:2rem}.card-front-header{width:100%;display:flex;flex-direction:column;align-items:flex-start}.card-front-footer{margin-top:auto;width:100%;display:flex;justify-content:flex-end}.card-mini-logo{width:48px;height:48px;object-fit:contain;border-radius:12px;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 16px #0003}.card-accent-line{position:relative;width:100%;height:4px;border-radius:2px;z-index:10}.classical-grid .classical-card-container:nth-child(3n+1) .card-accent-line{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.classical-grid .classical-card-container:nth-child(3n+2) .card-accent-line{background:linear-gradient(90deg,#8b5cf6,#c084fc)}.classical-grid .classical-card-container:nth-child(3n+3) .card-accent-line{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.card-category-box{display:inline-block;padding:6px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:100px;font-size:.65rem;font-weight:800;letter-spacing:1.5px;color:var(--gold-2);text-transform:uppercase;margin-bottom:2rem}.card-name-classical{font-family:var(--font-serif);font-size:2.5rem;font-weight:500;margin-bottom:1.2rem;color:var(--text-color);letter-spacing:-.5px}.card-desc-classical{font-size:1.1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:1.5rem;opacity:.9}.back-features{margin-top:auto;display:grid;gap:.8rem;padding-bottom:4rem}.back-feature-item{display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--text-secondary);font-weight:500}.back-feature-item svg{color:var(--gold-2)}.card-action-bar{position:absolute;bottom:15px;left:20px;right:20px;display:flex;gap:10px;z-index:50;opacity:0;transform:translateY(10px);transition:all .5s cubic-bezier(.16,1,.3,1)}.classical-card-container:hover .card-action-bar,.is-flipped .card-action-bar{opacity:1;transform:translateY(0);pointer-events:auto}.card-action-btn{flex:1;height:44px;border-radius:100px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;text-decoration:none;border:none}.visit-btn{background:#aa98a9;color:#fff;box-shadow:0 4px 15px #aa98a933}.visit-btn:hover{background:#aa98a9d9;transform:translateY(-2px);box-shadow:0 8px 25px #aa98a94d}.flip-toggle-btn{background:#1e1e1e;color:#fff!important;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #00000026}.flip-toggle-btn:hover{background:#000;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.dark-mode .flip-toggle-btn{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);color:#fff!important}.dark-mode .flip-toggle-btn:hover{background:#ffffff26;border-color:var(--gold-2)}.dark-mode .visit-btn{background:var(--gold-2);color:#000;box-shadow:0 4px 15px #d4af3733}.dark-mode .visit-btn:hover{background:var(--gold-3);box-shadow:0 8px 25px #d4af374d}.rotate-45{transform:rotate(45deg)}@media(max-width:768px){.classical-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;padding:1rem 1.5rem 2.5rem;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;margin:0 -1.5rem}.classical-grid::-webkit-scrollbar{display:none}.classical-card-container{min-width:80vw;scroll-snap-align:center;flex-shrink:0;margin-right:0;transform-origin:center center}.card-name-classical{font-size:2.2rem}.card-action-bar{opacity:1;transform:translateY(0)}}.mobile-swipe-hint{display:none}@media(max-width:768px){.mobile-swipe-hint{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.2rem;opacity:.7;font-weight:600;animation:swipe-hint-anim 2s infinite ease-in-out}.mobile-swipe-hint svg{animation:swipe-arrow-anim 2s infinite ease-in-out}}@keyframes swipe-hint-anim{0%,to{opacity:.6}50%{opacity:1}}@keyframes swipe-arrow-anim{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.ecosystem-container{width:100%;margin:4rem 0;display:flex;flex-direction:column;align-items:center}.pill-toggle{display:flex;background:#0000000a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:6px;border-radius:100px;border:1px solid rgba(0,0,0,.08);margin-bottom:60px}.dark-mode .pill-toggle{background:#ffffff0d;border-color:#ffffff1a}.pill-toggle button{padding:12px 36px;border-radius:100px;border:none;background:transparent;color:var(--text-secondary);font-size:.92rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1)}.pill-toggle button.active{background:var(--text-color);color:var(--bg-color);box-shadow:0 5px 15px #0000001a}.dark-mode .pill-toggle button.active{background:#fff;color:#000;box-shadow:0 0 30px #ffffff80}.orbit-stage-container{width:100%;display:flex;align-items:center;justify-content:center;perspective:1000px}.orbit-stage{position:relative;width:100%;max-width:650px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(212,175,55,.04) 0%,transparent 70%)}.svg-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.conn-line{stroke:var(--text-muted);opacity:.15;stroke-width:1.2;stroke-dasharray:4,4}.dark-mode .conn-line{stroke:#fff3;opacity:.4}.core-hub-container{position:relative;width:150px;height:150px;z-index:50;display:flex;align-items:center;justify-content:center}.core-glow-pulse{position:absolute;width:200%;height:200%;background:radial-gradient(circle at center,rgba(212,175,55,.15) 0%,transparent 60%);animation:core-glow 4s infinite ease-in-out;pointer-events:none}.hub-ripple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;border:1px solid rgba(170,152,169,.4);pointer-events:none;z-index:1;opacity:0;animation:hub-ripple-out 4s cubic-bezier(0,.2,.8,1) infinite}.dark-mode .hub-ripple{border-color:#d4af374d}.ripple-2{animation-delay:1.3s}.ripple-3{animation-delay:2.6s}@keyframes hub-ripple-out{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(3.5);opacity:0}}@keyframes core-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.core-hub{width:100%;height:100%;background:linear-gradient(135deg,#fffffff2,#ffffffb3);border:1px solid rgba(0,0,0,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:10;box-shadow:0 15px 40px #0000001a,inset 0 0 20px #ffffff80;overflow:hidden}.core-hub:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.8) 0%,transparent 100%);z-index:2;pointer-events:none}.dark-mode .core-hub{background:linear-gradient(135deg,#b1a7be 50%,#9bc1d0 50%);border:4px solid var(--gold-2);box-shadow:0 0 50px #d4af374d}.dark-mode .core-hub:before{background:linear-gradient(to bottom,rgba(255,255,255,.2) 0%,transparent 100%)}.hub-gradient-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);z-index:1;pointer-events:none}.core-hub img{width:70%;height:70%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.orbit-ring{position:absolute;border:1px solid rgba(0,0,0,.05);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.dark-mode .orbit-ring{border-color:#d4af3726}.ring-1{width:170px;height:170px}.ring-2{width:190px;height:190px;border-style:dashed;opacity:.5}.ring-3{width:220px;height:220px}.ring-4{width:440px;height:440px;border-style:dashed;opacity:.2;animation:slow-rotate 40s linear infinite}@keyframes slow-rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.project-node-wrapper{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:15px;z-index:60;animation:floating-node 6s ease-in-out infinite}@keyframes floating-node{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-58%)}}.project-node-wrapper:nth-child(2n){animation-duration:7s;animation-delay:-1s}.project-node-wrapper:nth-child(3n){animation-duration:8s;animation-delay:-2s}.project-card{width:105px;height:105px;border-radius:30px;background:#fffc!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.1);position:relative;cursor:pointer;transition:all .5s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px #00000014,0 4px 10px #00000008;overflow:hidden;display:block}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.6) 0%,transparent 100%);z-index:2;pointer-events:none}.dark-mode .project-card{border:1.5px solid rgba(255,255,255,.15);background:linear-gradient(135deg,#a294af4d,#8bb4c44d)!important;box-shadow:0 15px 35px #0003}.dark-mode .project-card:before{background:linear-gradient(to bottom,rgba(255,255,255,.15) 0%,transparent 100%)}.is-own .project-card{border:2px solid var(--lavender-2)}.dark-mode .is-own .project-card{border-color:var(--gold-2);box-shadow:0 15px 40px #0006,0 0 20px #d4af3733}.project-card:hover{transform:scale(1.1) translateY(-8px);filter:brightness(1.1)}.project-card img,.project-card .emoji{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));margin:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.project-card .emoji{font-size:2.8rem;line-height:1}.status-dot{position:absolute;bottom:8px;right:8px;width:14px;height:14px;border-radius:50%;border:2px solid rgba(0,0,0,.4);z-index:5;transition:transform .3s ease}.project-card:hover .status-dot{transform:scale(1.2)}.status-dot.gold{background:var(--gold-2);box-shadow:0 0 12px #d4af3799}.status-dot.lavender{background:var(--lavender-2);box-shadow:0 0 12px #aa98a999}.project-name{font-family:var(--font-inter);font-size:.95rem;font-weight:900;color:var(--text-color);text-shadow:none;white-space:nowrap;letter-spacing:.5px;z-index:70}.dark-mode .project-name{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,1),0 0 15px rgba(0,0,0,.5)}.ecosystem-legend{display:flex;gap:3rem;margin-top:60px;padding:1.2rem 2.8rem;background:#0000000a;border-radius:100px;border:1px solid rgba(0,0,0,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark-mode .ecosystem-legend{background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.legend-item{display:flex;align-items:center;gap:.8rem;font-size:.8rem;font-weight:800;text-transform:uppercase;color:var(--text-secondary);letter-spacing:1.2px}.legend-item .dot{width:10px;height:10px;border-radius:50%}.dot.gold{background:var(--gold-2)}.dot.lavender{background:var(--lavender-2)}@media(max-width:768px){.orbit-stage{aspect-ratio:auto;height:auto;padding:60px 0}.nodes-layer,.svg-lines,.orbit-rings-container{display:none}.mobile-scroll-container{display:flex;overflow-x:auto;gap:20px;padding:20px;width:100%;scrollbar-width:none}.pill-toggle{margin-bottom:30px}}