@font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:400;font-display:swap;src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-regular-400.woff2") format("woff2")}@font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:900;font-display:swap;src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-solid-900.woff2") format("woff2")}@font-face{font-family:'Font Awesome 6 Brands';font-style:normal;font-weight:400;font-display:swap;src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-brands-400.woff2") format("woff2")}:root{--bg-color:#0D0E12;--panel-bg:rgba(22,24,32,0.6);--panel-border:rgba(255,255,255,0.05);--accent-color:#5D5FEF;--text-primary:#FFFFFF;--text-secondary:#8B8D98;--border-radius:24px;--transition-speed:0.3s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',sans-serif;background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;display:flex;justify-content:center;padding:2rem 1rem;overflow-x:hidden;background-image:radial-gradient(circle at 50% 0%,rgba(93,95,239,0.15) 0%,transparent 50%)}.container{width:100%;max-width:600px;display:flex;flex-direction:column;gap:2rem}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:var(--border-radius);box-shadow:0 8px 32px rgba(0,0,0,0.2)}.profile-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;animation:fadeInDown 0.6s ease-out}.avatar-container{width:100px;height:100px;border-radius:50%;padding:4px;display:flex;justify-content:center;align-items:center}.avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-name{font-size:1.5rem;font-weight:700;letter-spacing:-0.02em}.profile-bio{color:var(--text-secondary);font-size:0.95rem;line-height:1.5;max-width:80%}.bento-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:120px;gap:1rem}.bento-item{text-decoration:none;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0.5rem;transition:transform var(--transition-speed),background var(--transition-speed);cursor:pointer;overflow:hidden;position:relative;opacity:0;transform:translateY(20px)}.bento-item:hover{transform:translateY(-4px) scale(1.02);background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.1)}.size-small{grid-column:span 1}.size-medium{grid-column:span 2}.size-large{grid-column:span 2;grid-row:span 2;font-size:1.2rem}.item-icon{font-size:2rem}.item-title{font-weight:500;font-size:0.95rem}.apsio-badge{text-align:center;margin-top:2rem;animation:fadeIn 1s ease-out 1s both}.apsio-badge a{display:inline-block;padding:0.5rem 1rem;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:20px;color:var(--text-secondary);text-decoration:none;font-size:0.8rem;backdrop-filter:blur(12px);transition:color var(--transition-speed)}.apsio-badge a:hover{color:var(--text-primary)}.apsio-badge strong{color:var(--text-primary)}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (max-width:480px){.bento-grid{grid-template-columns:1fr;grid-auto-rows:100px}.size-small,.size-medium{grid-column:span 1}.size-large{grid-column:span 1;grid-row:span 2}}