:root{--bg:#080808;--panel:#111;--panel-alt:#161616;--panel-hover:#1c1c1c;--line:#ffffff12;--line-strong:#ffffff1f;--text:#f0f0f0;--muted:#888;--muted2:#555;--accent:#6366f1;--accent-bright:#818cf8;--accent-soft:#6366f11f;--accent-glow:#6366f140;--warning:#f87171;--success:#34d399;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--shadow-card:0 0 0 1px var(--line);--shadow-card-hover:0 0 0 1px #6366f166,0 8px 32px #6366f114;--shadow-md:0 4px 24px #00000080;--max-w:960px}html{scroll-behavior:smooth}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.6}a{color:var(--accent-bright);text-decoration:none}a:hover{text-decoration:underline}.site-shell{max-width:var(--max-w);margin:0 auto;padding:0 1.25rem 5rem}.topbar{z-index:100;max-width:var(--max-w);background:0 0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:1rem 1.25rem;transition:background .2s,border-color .2s,box-shadow .2s;display:flex;position:sticky;top:0}.topbar--scrolled{-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--line);box-shadow:0 1px 0 var(--line);background:#080808e6}.brand{color:var(--text);letter-spacing:-.02em;font-size:1rem;font-weight:800;text-decoration:none}.brand:hover{color:var(--accent-bright);text-decoration:none}.topbar__nav{align-items:center;gap:.125rem;display:flex}.topbar__link{color:var(--muted);border-radius:var(--radius-sm);padding:.35rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.topbar__link:hover{color:var(--text);background:#ffffff0d;text-decoration:none}.topbar__link--active{color:var(--text);background:#ffffff0f}.topbar__link--editor{color:var(--accent-bright);border:1px solid #6366f140;margin-left:.5rem}.topbar__link--editor:hover{background:var(--accent-soft);color:var(--accent-bright);border-color:#6366f166}.page-shell{max-width:var(--max-w);margin:0 auto;padding:0 1.25rem 5rem}.page-header{border-bottom:1px solid var(--line);margin-bottom:2.5rem;padding:3.5rem 0 2.5rem}.page-header h1{letter-spacing:-.04em;color:var(--text);font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.1}.hero{padding:5rem 0 4rem}.hero__inner{align-items:center;gap:2.5rem;display:flex}.hero__text-block{flex-direction:column;flex:1;gap:1rem;display:flex}.hero h1{letter-spacing:-.04em;color:var(--text);font-size:clamp(2.4rem,6vw,3.8rem);font-weight:800;line-height:1.05}.hero h1 .hero__name{background:linear-gradient(135deg,#f0f0f0 0%,#888 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__text{color:var(--muted);max-width:48ch;font-size:1.05rem;line-height:1.7}.hero__actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent-bright);font-size:.72rem;font-weight:700}.section-heading{flex-direction:column;gap:.25rem;margin-bottom:1.5rem;display:flex}.section-heading h2{letter-spacing:-.03em;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:700;line-height:1.15}.avatar{color:var(--accent-bright);-webkit-user-select:none;user-select:none;letter-spacing:-.02em;background:linear-gradient(135deg,#6366f14d 0%,#8b5cf633 100%);border:1px solid #6366f14d;border-radius:50%;flex-shrink:0;place-items:center;font-weight:800;display:grid}.avatar--hero{width:100px;height:100px;font-size:1.9rem}.avatar--about{width:80px;height:80px;font-size:1.5rem}.content-section{margin-top:2rem}.apps-section{margin-top:0}.app-groups{flex-direction:column;gap:2rem;display:flex}.app-group__label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.75rem;font-size:.72rem;font-weight:700}.app-grid{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--line);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1px;display:grid;overflow:hidden}.app-card{background:var(--panel);color:inherit;cursor:pointer;text-align:left;border:none;flex-direction:column;gap:.6rem;width:100%;padding:1.25rem;font-family:inherit;text-decoration:none;transition:background .15s;display:flex}.app-card:hover{background:var(--panel-hover);text-decoration:none}.app-card__header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.app-card__badge{border-radius:var(--radius-sm);background:var(--accent-soft);width:2.2rem;height:2.2rem;color:var(--accent-bright);border:1px solid #6366f133;flex-shrink:0;place-items:center;font-size:1.05rem;font-weight:700;display:grid}.app-card__title{color:var(--text);font-size:.95rem;font-weight:600;line-height:1.3}.app-card__desc{color:var(--muted);flex:1;font-size:.83rem;line-height:1.55}.app-card__url{color:var(--muted2);word-break:break-all;font-size:.72rem}.app-card__arrow{color:var(--muted2);font-size:.9rem;transition:transform .15s,color .15s}.app-card:hover .app-card__arrow{color:var(--accent-bright);transform:translate(3px)}.app-card__hint{color:var(--muted);font-size:.75rem;font-style:italic}.app-card--disabled{opacity:.62;cursor:not-allowed;pointer-events:none}.app-card--beta{cursor:pointer}.status-badge{letter-spacing:.04em;white-space:nowrap;border-radius:999px;align-items:center;padding:.15rem .55rem;font-size:.68rem;font-weight:700;display:inline-flex}.status-badge--beta{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf2440}.status-badge--maintenance{color:#f87171;background:#f871711f;border:1px solid #f8717140}.status-badge--coming_soon{color:#b0b0b0;border:1px solid var(--line-strong);background:#ffffff0d}.status-badge--live{color:#4ade80;background:#4ade801a;border:1px solid #4ade8040}.beta-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.beta-modal{background:var(--panel-alt);border-radius:var(--radius-md);width:100%;max-width:380px;box-shadow:var(--shadow-md),0 0 0 1px var(--line-strong);padding:2rem}.beta-modal__title{letter-spacing:-.02em;margin-bottom:.4rem;font-size:1.2rem;font-weight:700}.beta-modal__desc{color:var(--muted);margin-bottom:1.25rem;font-size:.875rem;line-height:1.6}.beta-modal__form{flex-direction:column;gap:.75rem;display:flex}.beta-modal__input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg);width:100%;color:var(--text);outline:none;padding:.6rem .85rem;font-family:inherit;font-size:.9rem;transition:border-color .15s}.beta-modal__input:focus{border-color:var(--accent)}.beta-modal__error{color:var(--warning);font-size:.83rem;font-weight:500}.beta-modal__actions{justify-content:flex-end;gap:.5rem;display:flex}.empty-state{color:var(--muted);padding:2rem 0;font-size:.875rem}.about-section__body{align-items:flex-start;gap:2rem;display:flex}.about-section__text{color:var(--muted);max-width:60ch;font-size:1rem;line-height:1.8}.skills-pills{flex-wrap:wrap;gap:.5rem;display:flex}.skill-tag{background:var(--accent-soft);color:var(--accent-bright);border:1px solid #6366f133;border-radius:999px;align-items:center;padding:.35rem .9rem;font-size:.82rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.skill-tag:hover{background:#6366f133;border-color:#6366f166}.skills-category{text-transform:uppercase;letter-spacing:.1em;color:var(--muted2);margin:1.25rem 0 .4rem;font-size:.72rem;font-weight:700}.contact-list{gap:.5rem;list-style:none;display:grid}.contact-item{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);align-items:center;gap:1.25rem;padding:.9rem 1.1rem;font-size:.9rem;transition:border-color .15s,background .15s;display:flex}.contact-item:hover{border-color:var(--line-strong);background:var(--panel-alt)}.contact-label{color:var(--muted2);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;min-width:80px;font-size:.78rem;font-weight:600}.contact-item a{color:var(--accent-bright);font-weight:500;transition:color .15s}.contact-item a:hover{color:var(--text);text-decoration:underline}.button{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;letter-spacing:-.01em;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-family:inherit;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s,border-color .15s,opacity .15s,box-shadow .15s;display:inline-flex}.button--primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 20px #6366f133}.button--primary:hover{background:var(--accent-bright);border-color:var(--accent-bright);color:#fff;text-decoration:none;box-shadow:0 0 28px #6366f159}.button--primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.button--ghost{color:var(--muted);border-color:var(--line-strong);background:0 0}.button--ghost:hover{color:var(--text);background:#ffffff0d;text-decoration:none}.button--sm{padding:.3rem .7rem;font-size:.8rem}.admin-shell{max-width:var(--max-w);flex-direction:column;gap:2rem;margin:0 auto;padding:2rem 1.25rem 5rem;display:flex}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.admin-header h1{letter-spacing:-.03em;margin:.2rem 0 .3rem;font-size:1.6rem;font-weight:800;line-height:1.15}.admin-header p{color:var(--muted);font-size:.875rem}.admin-header__actions{flex-wrap:wrap;gap:.5rem;display:flex}.admin-section{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);padding:1.75rem}.admin-form{flex-direction:column;gap:.875rem;display:flex}.admin-form label{flex-direction:column;gap:.3rem;font-size:.875rem;display:flex}.admin-form label span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:600}.admin-form input[type=text],.admin-form input[type=url],.admin-form input[type=number],.admin-form input[type=password],.admin-form select,.admin-form textarea{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--panel-alt);color:var(--text);outline:none;width:100%;padding:.55rem .8rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:var(--accent)}.admin-form select{cursor:pointer}.admin-form textarea{resize:vertical;min-height:80px}.admin-form__grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.admin-form__footer{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.form-message{font-size:.83rem;font-weight:500}.form-message--success{color:var(--success)}.form-message--error{color:var(--warning)}.form-hint{color:var(--muted2);margin-top:.2rem;font-size:.77rem}.form-hint code{background:var(--panel-alt);border:1px solid var(--line-strong);color:var(--accent-bright);border-radius:4px;padding:.1em .3em;font-size:.85em}.admin-list{flex-direction:column;gap:.625rem;display:flex}.admin-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel-alt);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.admin-delete{align-items:center;gap:.75rem;display:flex}.settings-form{gap:1.5rem}.settings-panel{border-bottom:1px solid var(--line);flex-direction:column;gap:.6rem;padding-bottom:1.5rem;display:flex}.settings-panel:last-of-type{border-bottom:none;padding-bottom:0}.settings-panel__title{color:var(--text);letter-spacing:-.01em;font-size:.875rem;font-weight:700}.toggle-group{flex-direction:column;gap:.5rem;display:flex}.toggle-row{cursor:pointer;color:var(--muted);align-items:center;gap:.6rem;font-size:.875rem;font-weight:500;display:flex}.toggle-row:hover{color:var(--text)}.toggle-row input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.contact-entries{flex-direction:column;gap:.5rem;margin-bottom:.5rem;display:flex}.contact-entry{grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:.5rem;display:grid}.contact-entry input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--panel-alt);color:var(--text);outline:none;padding:.55rem .8rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}.contact-entry input:focus{border-color:var(--accent)}.auth-shell{background:var(--bg);place-items:center;min-height:100svh;padding:1rem;display:grid}.auth-card{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--panel);width:100%;max-width:400px;box-shadow:var(--shadow-md);flex-direction:column;gap:1.25rem;padding:2rem;display:flex}.auth-card h1{letter-spacing:-.02em;font-size:1.4rem;font-weight:700}.auth-card label{flex-direction:column;gap:.35rem;font-size:.875rem;display:flex}.auth-card label span{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.78rem;font-weight:600}.auth-card input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--panel-alt);color:var(--text);outline:none;padding:.6rem .85rem;font-family:inherit;font-size:.9rem;transition:border-color .15s}.auth-card input:focus{border-color:var(--accent)}.auth-form{flex-direction:column;gap:.9rem;display:flex}.auth-form--login{margin-top:.25rem}.password-field{align-items:center;gap:.5rem;display:flex}.password-field input{flex:1}.password-field__toggle{flex-shrink:0}.auth-card__footer{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:720px){.site-shell,.page-shell,.admin-shell{padding-left:1rem;padding-right:1rem}.topbar{align-items:flex-start;gap:.75rem;padding:.9rem 1rem}.topbar__nav{flex-wrap:wrap;justify-content:flex-start;gap:.4rem;width:100%}.topbar__link{padding:.4rem .7rem}.hero{padding:2.25rem 0 2rem}.hero__inner{flex-direction:column;align-items:flex-start;gap:1rem}.avatar--hero{width:84px;height:84px;font-size:1.6rem}.hero__text{font-size:1rem}.hero__actions,.admin-header__actions,.auth-card__footer,.hero__actions .button,.admin-header__actions .button,.auth-card__footer .button{width:100%}.section-heading{margin-bottom:1.1rem}.about-section__body{flex-direction:column;gap:1rem}.admin-shell{gap:1.25rem;padding-top:1.25rem;padding-bottom:3.5rem}.admin-section,.auth-card,.beta-modal{padding:1.1rem}.admin-form__grid{grid-template-columns:1fr}.admin-delete{flex-direction:column;align-items:stretch}.admin-delete .button{width:100%}.contact-entry{grid-template-columns:1fr 1fr}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.app-card{aspect-ratio:1;padding:1rem;overflow:hidden}.contact-item{align-items:flex-start;gap:.7rem;padding:.8rem .9rem}.contact-label{min-width:72px}}@media (max-width:480px){.topbar{position:static}.topbar__nav{gap:.35rem}.brand{font-size:.95rem}.site-shell,.page-shell,.admin-shell{padding-left:.85rem;padding-right:.85rem}.hero h1{font-size:clamp(2rem,10vw,2.8rem)}.section-heading h2,.page-header h1,.admin-header h1{font-size:clamp(1.35rem,6vw,2rem)}.admin-card,.admin-section,.auth-card,.beta-modal{border-radius:14px}.app-grid{gap:.6rem}.app-card__desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.8rem;display:-webkit-box;overflow:hidden}.app-card__url{display:none}.contact-entry{grid-template-columns:1fr}.beta-modal__actions{flex-direction:column}.beta-modal__actions .button{width:100%}}