.page-index{padding-block:0;background-attachment:scroll;--accent-sky: #0284c7;--accent-blue: #2563eb;--accent-blue-light: #38bdf8;--accent-amber: #d97706;--accent-rose: #e11d48}.page-index:after{display:none}.page-index:before{display:none}.page-index>*:not(.scroll-top-btn):not(.page-loader):not(.nav-header):not(.page-load-bar){position:relative;z-index:1}.page-index .scroll-top-btn{position:fixed!important;z-index:9990!important}.page-index .glass-panel,.page-index .nav-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff}@media(min-width:1025px){.page-index .sidebar{max-height:none;overflow-y:visible;padding-right:0}}.page-load-bar{display:none}body.is-loading .page-load-bar{display:block;position:fixed;top:0;left:0;width:100%;height:3px;z-index:10000;background:linear-gradient(90deg,var(--primary),var(--accent-sky),var(--accent-blue-light));background-size:200% 100%;animation:skeletonBar 1.2s ease-in-out infinite;pointer-events:none;transform-origin:left}@keyframes skeletonBar{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-only,.skeleton-project-card{display:none}body.is-loading .skeleton-block,body.is-loading .skeleton-line,body.is-loading .skeleton-pill,body.is-loading .skeleton-chart,body.is-loading .skeleton-media{background:linear-gradient(90deg,#e2e8f0,#f1f5f9,#e2e8f0 80%);background-size:200% 100%;animation:skeletonShimmer 1.4s ease-in-out infinite;border-radius:8px}body.is-loading .skeleton-only{display:block}body.is-loading .skeleton-stack.skeleton-only{display:grid}body.is-loading .skeleton-tag-cloud.skeleton-only{display:flex}body.is-loading .skeleton-project-card{display:grid;pointer-events:none;border-left-color:#e2e8f0!important}.skeleton-stack{gap:.65rem;width:100%;margin-top:.5rem}.skeleton-line{height:.85rem;border-radius:6px}.skeleton-line.w-xs{width:28%}.skeleton-line.w-30{width:30%}.skeleton-line.w-35{width:35%}.skeleton-line.w-40{width:40%}.skeleton-line.w-70{width:70%}.skeleton-line.w-75{width:75%}.skeleton-line.w-80{width:80%}.skeleton-line.w-85{width:85%}.skeleton-line.w-90{width:90%}.skeleton-line.w-95{width:95%}.skeleton-line.w-full{width:100%}.skeleton-pill{display:inline-block;height:1.35rem;border-radius:999px;flex-shrink:0}.skeleton-pill.w-xs{width:3.5rem}.skeleton-pill.w-sm{width:4.5rem}.skeleton-pill.w-md{width:6rem}.skeleton-pill.w-lg{width:7.5rem}.skeleton-stat{width:2.5rem;height:1.75rem;margin-inline:auto;border-radius:6px}.skeleton-chart{position:absolute;inset:0;margin:auto;width:180px;height:180px;border-radius:50%;z-index:2}.page-index .chart-container{position:relative;min-height:200px}body.is-loading .chart-container svg{visibility:hidden}.skeleton-tag-cloud{flex-wrap:wrap;gap:.5rem;justify-content:center;padding:.75rem 0}body.is-loading #tags-cloud-container{display:none}body.is-loading #contact-list:empty{display:none}.skeleton-project-body{display:grid;gap:.65rem}.skeleton-tag-row{display:flex;flex-wrap:wrap;gap:.35rem}.skeleton-btn{height:2rem;border-radius:var(--radius-sm);margin-top:.25rem}.skeleton-media{border-radius:0;min-height:0;aspect-ratio:16 / 10;width:100%}.skeleton-frame{width:100%;pointer-events:none}.skeleton-frame .media-frame-bar span{opacity:.35}@media(min-width:768px){.skeleton-project-card{grid-template-columns:minmax(0,1.12fr) minmax(240px,40%)}}.page-loader{display:none}.hero-section{padding:2.25rem 2rem;background:linear-gradient(135deg,rgba(5,150,105,.1) 0%,transparent 42%),linear-gradient(225deg,rgba(2,132,199,.07) 0%,transparent 38%),linear-gradient(45deg,rgba(2,132,199,.06) 0%,transparent 35%),var(--bg-secondary);border:1px solid rgba(5,150,105,.2);overflow:hidden;position:relative;box-shadow:0 20px 50px -24px #05966959}.hero-section:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,var(--primary),var(--accent-sky),var(--accent-blue-light),var(--secondary));background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@media(prefers-reduced-motion:no-preference){.hero-section:before{animation:gradientBorder 8s ease infinite}}@keyframes gradientBorder{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-section:after{content:"";position:absolute;top:-40%;right:-10%;width:320px;height:320px;background:radial-gradient(circle,rgba(16,185,129,.12) 0%,transparent 70%);pointer-events:none}.hero-grid{display:grid;gap:2rem;align-items:center}@media(min-width:900px){.hero-grid{grid-template-columns:1.2fr 1fr}}.hero-eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-heading);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--primary-hover);background:linear-gradient(135deg,#0596691f,#0284c714);border:1px solid rgba(5,150,105,.22);padding:.35rem .75rem;border-radius:999px;margin-bottom:1rem}@media(prefers-reduced-motion:no-preference){.hero-eyebrow{animation:badgePulse 3s ease-in-out infinite}}@keyframes badgePulse{0%,to{box-shadow:0 0 #05966933}50%{box-shadow:0 0 0 6px #05966900}}.hero-title{font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.15;margin-bottom:.85rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary) 45%,var(--accent-sky) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto}@media(prefers-reduced-motion:no-preference){.hero-title{animation:titleShine 6s ease-in-out infinite alternate}}@keyframes titleShine{0%{background-position:0% center}to{background-position:100% center}}.hero-lead{font-size:1.02rem;line-height:1.75;color:var(--text-secondary);max-width:52ch;margin-bottom:1.5rem}.hero-lead strong{color:var(--text-primary);font-weight:600}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.hero-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.7rem 1.25rem;border-radius:var(--radius-sm);font-family:var(--font-heading);font-size:.88rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);border:none;text-decoration:none}.hero-btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 8px 24px -6px #10b98173}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px -6px #10b9818c;color:#fff}.hero-btn-ghost{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color)}.hero-btn-ghost:hover{border-color:var(--primary);color:var(--primary-hover);background:var(--primary-glow)}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}@media(min-width:480px){.hero-stats{grid-template-columns:repeat(2,1fr)}}.stat-card{background:#ffffffd1;backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.1rem 1rem;text-align:center;transition:var(--transition-smooth);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary))}.stat-card:nth-child(1):before{background:linear-gradient(90deg,#059669,#10b981)}.stat-card:nth-child(2):before{background:linear-gradient(90deg,#0284c7,#38bdf8)}.stat-card:nth-child(3):before{background:linear-gradient(90deg,#2563eb,#60a5fa)}.stat-card:nth-child(4):before{background:linear-gradient(90deg,#d97706,#fbbf24)}.stat-card:nth-child(1) .stat-value{color:#047857}.stat-card:nth-child(2) .stat-value{color:#0369a1}.stat-card:nth-child(3) .stat-value{color:#1d4ed8}.stat-card:nth-child(4) .stat-value{color:#b45309}.stat-card:hover{border-color:#10b98159;transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-value{font-family:var(--font-heading);font-size:1.75rem;font-weight:800;color:var(--primary-hover);line-height:1;margin-bottom:.25rem}.stat-label{font-size:.72rem;font-weight:600;color:var(--text-muted);line-height:1.3}.reveal{opacity:0;transform:translateY(18px);animation:revealUp .65s cubic-bezier(.22,1,.36,1) forwards}.reveal-delay-1{animation-delay:.08s}.reveal-delay-2{animation-delay:.16s}.reveal-delay-3{animation-delay:.24s}.reveal-delay-4{animation-delay:.32s}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}.page-index .main-content{gap:1.75rem}@media(max-width:1024px){.page-index .container{display:flex;flex-direction:column}.page-index .main-content{order:-1}}.page-index .sidebar .glass-panel:nth-child(1){overflow:visible;border-top:3px solid var(--primary)}.page-index #nav-admin{opacity:.65;font-size:.82rem}.page-index #nav-admin:hover{opacity:1}.page-index .content-tabs-container{background:linear-gradient(135deg,#0596690f,#0284c70d);border-color:#0596692e}.page-index .sidebar .chart-card{transition:var(--transition-smooth)}.page-index .sidebar .chart-card:hover{box-shadow:0 16px 40px -16px #05966940;border-color:#05966940}body.is-ready .page-index .radar-polygon{animation:none;stroke-dashoffset:0}@media(prefers-reduced-motion:no-preference){.page-index .avatar{animation:avatarGlow 4s ease-in-out infinite alternate}}@keyframes avatarGlow{0%{box-shadow:0 0 #05966959,var(--shadow-glow)}to{box-shadow:0 0 0 8px #05966900,0 12px 32px -8px #0284c759}}body:not(.is-loading) .skeleton-only,body:not(.is-loading) .skeleton-project-card{display:none!important}@media(prefers-reduced-motion:reduce){body.is-loading .skeleton-block,body.is-loading .skeleton-line,body.is-loading .skeleton-pill,body.is-loading .skeleton-chart,body.is-loading .skeleton-media,body.is-loading .page-load-bar{animation:none}.hero-section:before,.hero-eyebrow,.hero-title,.page-index .avatar{animation:none!important;transition:none!important}}.page-index .cloud-tag{transition:var(--transition-smooth)}.page-index .cloud-tag:hover{background:linear-gradient(135deg,var(--primary),var(--accent-sky));transform:translateY(-3px) scale(1.06)}.page-index .filter-btn.active{background:linear-gradient(135deg,var(--primary),var(--accent-sky))}