@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--accent-primary:#f472b6;--accent-primary-hover:#e05297;--accent-secondary:#fb7185;--accent-teal:#e11d48;--accent-royal:#d946ef;--accent-light-bg:#fff0f5;--bg-base-start:#fff;--bg-base-mid:#fff;--bg-base-end:#fafafa;--bg-card:#fffffff0;--bg-card-hover:#fffffffc;--bg-card-item:#fffffff5;--text-title:#701a75;--text-body:#9f1239;--text-muted:#9f1239;--text-dim:#fb7185;--text-light:#fff;--border-glass:#f472b659;--border-glass-hover:#f472b6b3;--border-light:#f472b638;--shadow-glow:#f472b640;--status-online:#f472b6;--badge-bg:#f472b61f;--badge-border:#f472b661;--gradient-text:linear-gradient(135deg, #f472b6 0%, #e11d48 100%);--gradient-bg:#fff;--gradient-stage:linear-gradient(135deg, #f472b614 0%, #fffffffa 100%);--bg-dark:var(--bg-base-start);--text-main:var(--text-title);--accent-gold:var(--accent-primary);--accent-amber:var(--accent-secondary);--accent-terracotta:var(--accent-teal);--accent-sage:var(--accent-light-bg);--accent-bronze:var(--accent-royal);--border-glow:var(--border-glass-hover);--font-display:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-body:"Inter", sans-serif;--sidebar-width:350px;--radius-card:20px;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}*,:before,:after{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;padding:0}input,textarea{-webkit-user-select:text;user-select:text}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{min-height:100dvh;color:var(--text-main);font-family:var(--font-body);cursor:auto;padding-top:var(--sat);padding-bottom:var(--sab);padding-left:var(--sal);padding-right:var(--sar);background-color:#fff;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f8fafc}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0284c7}.perspective-3d{perspective:1200px;transform-style:preserve-3d}.preserve-3d{transform-style:preserve-3d}.layer-depth-1{transform:translateZ(15px)}.layer-depth-2{transform:translateZ(30px)}.layer-depth-3{transform:translateZ(45px)}.workspace-layout{grid-template-columns:var(--sidebar-width,340px) 1fr;z-index:2;gap:24px;width:100%;max-width:1600px;min-height:100vh;margin:0 auto;padding:24px 20px;display:grid;position:relative}.glass-3d-card{background:var(--bg-card);-webkit-backdrop-filter:blur(24px);border:1.5px solid var(--border-glass);border-radius:var(--radius-card);box-shadow:0 4px 20px -2px var(--shadow-glow), 0 10px 30px -4px #8318430d;transform-style:preserve-3d;width:100%;transition:transform .3s cubic-bezier(.34,1.56,.64,1),border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.glass-3d-card:hover{border-color:var(--border-glass-hover);box-shadow:0 8px 30px var(--shadow-glow), 0 0 15px var(--shadow-glow)}.spotlight-card{position:relative}.spotlight-card:before{content:"";background:radial-gradient(500px circle at var(--mouse-x,50%) var(--mouse-y,50%), #f472b614, transparent 75%);opacity:0;pointer-events:none;z-index:1;transition:opacity .3s;position:absolute;inset:0}.spotlight-card:hover:before{opacity:1}.text-gradient{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.neon-badge{background:var(--badge-bg);border:1px solid var(--badge-border);color:var(--accent-primary);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;border-radius:50px;align-items:center;gap:6px;max-width:100%;padding:5px 14px;font-size:clamp(.7rem,1.5vw,.78rem);font-weight:700;display:inline-flex;overflow:hidden}.btn-primary-3d{background:var(--accent-primary);color:#fff;min-height:44px;font-family:var(--font-display);box-shadow:0 4px 16px var(--shadow-glow);cursor:pointer;touch-action:manipulation;border:none;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:11px 26px;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn-primary-3d:hover{background:var(--accent-primary-hover);box-shadow:0 6px 22px var(--shadow-glow);transform:translateY(-2px)}.btn-secondary-3d{min-height:44px;color:var(--text-main);font-family:var(--font-display);cursor:pointer;touch-action:manipulation;background:#0f172a0a;border:1px solid #0f172a1f;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:11px 26px;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.btn-secondary-3d:hover{background:#0f172a14;border-color:#0f172a33;transform:translateY(-2px)}.deck-nav-container{-webkit-backdrop-filter:blur(25px);border:1.5px solid var(--border-glass);box-shadow:0 8px 25px var(--shadow-glow);z-index:20;background:#fffffff2;border-radius:100px;grid-template-columns:repeat(4,1fr);gap:6px;width:100%;margin-bottom:24px;padding:6px;display:grid;position:sticky;top:32px}.deck-tab-btn{width:100%;color:var(--text-title);font-family:var(--font-display);cursor:pointer;touch-action:manipulation;white-space:nowrap;background:0 0;border:none;border-radius:100px;outline:none;justify-content:center;align-items:center;padding:12px 16px;font-size:.92rem;font-weight:700;transition:all .25s;display:flex;position:relative}.deck-tab-btn:hover{color:var(--accent-primary-hover);background:#f472b61f}.deck-tab-btn.active{box-shadow:0 4px 16px var(--shadow-glow);color:#fff!important;background:var(--accent-primary)!important}.tab-label-text{z-index:2;font-weight:700;position:relative}@media (width>=1601px){.workspace-layout{gap:32px;padding:32px 28px}}@media (width<=1440px){:root{--sidebar-width:320px}}@media (width<=1200px){:root{--sidebar-width:290px}.workspace-layout{gap:18px;padding:20px 16px}}@media (width<=1024px){.workspace-layout{grid-template-columns:1fr;gap:16px;padding:16px 14px}.deck-nav-container{z-index:50;border-radius:24px;margin-top:8px;margin-bottom:20px;position:sticky;top:12px;box-shadow:0 8px 30px #701a7526}.deck-tab-btn{border-radius:18px;padding:10px 6px;font-size:.82rem}}@media (width<=768px){html{font-size:15px}.workspace-layout{gap:14px;padding:12px 10px}.btn-primary-3d,.btn-secondary-3d{width:100%;padding:10px 20px;font-size:.85rem}}@media (width<=480px){html{font-size:14px}.workspace-layout{gap:12px;padding:10px 8px}.glass-3d-card{border-radius:16px}}@media (width<=359px){html{font-size:13px}.workspace-layout{padding:8px 4px}.neon-badge{padding:4px 10px;font-size:.65rem}}@media (height<=650px) and (orientation:landscape){.workspace-layout{padding:12px 16px}}.skills-modern-container{background:var(--bg-card,#fffffff2);border:1.5px solid var(--border-glass);border-radius:var(--radius-card,32px);-webkit-backdrop-filter:blur(25px);width:100%;box-shadow:0 4px 20px -2px var(--shadow-glow);flex-direction:column;justify-content:center;align-items:center;padding:32px 20px;display:flex;position:relative;overflow:hidden}.gradient-bg{background:var(--gradient-stage,linear-gradient(135deg, #f472b614 0%, #fffffffa 100%));position:absolute;inset:0}.gradient-bg:before,.gradient-bg:after{content:"";background:radial-gradient(circle, var(--accent-primary,#f472b6) 0%, transparent 70%);opacity:.05;filter:blur(2px);border-radius:50%;width:240px;height:240px;position:absolute}.gradient-bg:before{top:-70px;left:-70px}.gradient-bg:after{background:radial-gradient(circle, var(--accent-royal,#d946ef) 0%, transparent 70%);bottom:-90px;right:-70px}.skills-header{text-align:center;z-index:10;flex-shrink:0;margin-bottom:12px;position:relative}.skills-title{font-family:var(--font-display);background:var(--gradient-text,linear-gradient(135deg, #f472b6 0%, #e11d48 100%));color:#0000;letter-spacing:-.3px;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:clamp(1.4rem,3.2vw,2rem);font-weight:800}.skills-title:before{content:"🌸";-webkit-text-fill-color:initial;margin-right:10px;font-size:.8em;display:inline-block}.skills-subtitle{font-family:var(--font-body);color:var(--text-dim,#fb7185);margin:0;font-size:.85rem;font-style:italic}.skills-grid{z-index:10;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:flex-start;gap:40px 30px;width:100%;max-width:1100px;padding:90px 15px 10px;display:flex;position:relative}.skills-grid:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 140'%3E%3Cpath d='M0,74 C120,10 200,118 340,58 C470,4 560,120 680,50 C730,24 770,44 800,30' stroke='%23f472b6' stroke-width='2' fill='none' stroke-linecap='round' opacity='0.35'/%3E%3Ccircle cx='55' cy='40' r='4' fill='%23e11d48' opacity='0.5'/%3E%3Ccircle cx='340' cy='58' r='4' fill='%23f472b6' opacity='0.5'/%3E%3Ccircle cx='560' cy='30' r='4' fill='%23d946ef' opacity='0.5'/%3E%3Ccircle cx='720' cy='36' r='4' fill='%23f472b6' opacity='0.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;height:90px;position:absolute;top:8px;left:4%;right:4%}.skill-card:first-child{margin-top:0}.skill-card:nth-child(2){margin-top:60px}.skill-card:nth-child(3){margin-top:12px}.skill-card:nth-child(4){margin-top:70px}.skill-card{background:var(--bg-card,#ffffffe6);-webkit-backdrop-filter:blur(10px)saturate(150%);border:1px solid var(--border-glass,#f472b659);cursor:pointer;max-width:270px;box-shadow:0 6px 20px var(--shadow-glow,#f472b633);border-radius:30px 12px;flex:220px;min-height:210px;max-height:210px;padding:28px 20px 20px;transition:box-shadow .35s,border-color .35s,background .35s,transform .35s,border-radius .35s;position:relative;overflow:hidden}.skill-card:before{content:"";background:linear-gradient(180deg, transparent, var(--border-glass,#f472b659));pointer-events:none;z-index:1;width:2px;height:46px;position:absolute;top:-46px;left:50%;transform:translate(-50%)}.skill-card:hover{background:var(--bg-card-hover,#fffffffa);border-color:var(--border-glass-hover,#f472b6b3);box-shadow:0 16px 32px var(--shadow-glow,#f472b640);border-radius:20px;transform:translateY(-5px)}.skill-card.expanded{min-height:320px;max-height:320px}.card-badge{font-family:var(--font-body);color:var(--accent-primary,#f472b6);background:var(--accent-light-bg,#fff0f5);border:1px solid var(--badge-border,#f472b661);z-index:3;border-radius:999px;padding:2px 8px;font-size:.6rem;font-weight:700;position:absolute;top:15px;right:17px}.card-bg{opacity:.08;transition:opacity .35s;position:absolute;inset:0}.skill-card:hover .card-bg{opacity:.18}.card-content{z-index:2;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.card-icon{width:46px;height:46px;color:var(--accent-primary,#f472b6);background:var(--accent-light-bg,#fff0f5);border-radius:60% 40%;margin-bottom:14px;padding:11px;transition:color .3s,border-radius .4s,transform .3s,background .3s;position:relative}.skill-card:hover .card-icon{color:var(--text-light,#fff);background:var(--accent-primary,#f472b6);border-radius:50%;transform:scale(1.1)}.card-title{font-family:var(--font-display);color:var(--text-title,#701a75);letter-spacing:.1px;margin:0 0 10px;font-size:1.02rem;font-weight:800}.skills-list{flex-wrap:wrap;justify-content:center;gap:6px;display:flex;overflow:hidden}.skill-tag{font-family:var(--font-body);color:var(--text-body,#9f1239);background:var(--badge-bg,#f472b61f);border:1px solid var(--badge-border,#f472b661);white-space:nowrap;border-radius:999px;padding:4px 11px;font-size:.74rem;font-weight:600;transition:all .2s}.skill-tag:hover{background:var(--accent-primary,#f472b6);border-color:var(--accent-primary,#f472b6);color:var(--text-light,#fff)}.particles{pointer-events:none;z-index:1;width:10px;height:10px;position:absolute;top:35%;left:50%}.particle{background:linear-gradient(135deg, var(--accent-primary,#f472b6), var(--accent-secondary,#fb7185));border-radius:60% 0;width:8px;height:8px;position:absolute;top:-4px;left:-4px}.particle:nth-child(3n){border-radius:0 60%}.particle:nth-child(4n){background:linear-gradient(135deg, var(--accent-royal,#d946ef), var(--accent-primary,#f472b6))}@media (width<=1024px){.skills-grid{gap:44px 20px;padding-top:70px}.skill-card:first-child{margin-top:0}.skill-card:nth-child(2){margin-top:42px}.skill-card:nth-child(3){margin-top:6px}.skill-card:nth-child(4){margin-top:46px}}@media (width<=768px){.skills-modern-container{padding:20px 15px}.skills-header{margin-bottom:14px}.skills-title{font-size:1.5rem}.skills-grid{flex-direction:column;align-items:stretch;gap:20px;padding:40px 10px 10px}.skills-grid:before{display:none}.skill-card,.skill-card:first-child,.skill-card:nth-child(2),.skill-card:nth-child(3),.skill-card:nth-child(4){border-radius:24px;max-width:none;margin-top:0}.skill-card:before{display:none}.skill-card{min-height:150px;max-height:150px;padding:20px 16px 16px}.skill-card:hover{border-radius:24px;transform:translateY(-3px)}.skill-card.expanded{min-height:260px;max-height:260px}.card-icon{width:40px;height:40px;margin-bottom:10px}.card-title{margin-bottom:10px;font-size:.92rem}.skill-tag{padding:4px 10px;font-size:.7rem}}@media (width<=480px){.skills-modern-container{padding:15px 10px}.skills-title{font-size:1.3rem}.skills-subtitle{font-size:.75rem}.card-icon{width:36px;height:36px}.card-title{font-size:.86rem}.skill-tag{padding:3px 9px;font-size:.66rem}.skill-card{min-height:140px;max-height:140px}.skill-card.expanded{min-height:240px;max-height:240px}.skill-card:after{padding:2px 6px;font-size:.55rem}}