@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{font-family:Inter,Arial,sans-serif;color:#fff;background:#050505;font-synthesis:none}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-height:100vh}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.stars{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.9;transition:transform .3s ease-out}
#root{min-height:100vh;padding:44px 24px 36px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}
.site-grid{position:relative;z-index:1;width:min(100%,1024px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:232px minmax(472px,auto) auto;gap:16px}
.glass{background:#0e0e0e;border:1px solid #ffffff1a;border-radius:24px;min-width:0;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.glass:hover{border-color:#ffffff2b}
.profile{grid-column:1/8;grid-row:1;display:flex;align-items:center;justify-content:center;gap:32px;padding:24px;position:relative;z-index:2}
.avatar{width:160px;height:160px;object-fit:cover;flex:none;border-radius:50%;border:1px solid #ffffff24;transition:transform .45s ease}
.avatar:hover{transform:scale(1.045)}
.profile-info{min-width:0}.profile h1{font-size:64px;line-height:1.05;letter-spacing:-.065em;font-weight:900;margin:0 0 24px;width:max-content;max-width:100%;white-space:nowrap}
.nickname span,.nickname-dot{display:inline-block;opacity:0;animation:type-in .28s ease-out forwards}.nickname span{animation-delay:calc(var(--i)*.12s)}.nickname-dot{color:#04c6db;animation-delay:.74s}@keyframes type-in{to{opacity:1}}
.socials{display:flex;gap:12px;flex-wrap:wrap}.social-link{width:56px;height:56px;border-radius:17px}.social-glyph{width:28px;height:28px}
.projects{grid-column:1/8;grid-row:2;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:16px;min-width:0}
.project{padding:24px;display:grid;grid-template-columns:minmax(0,1fr) 156px;align-items:center;gap:24px;min-height:220px}
.project-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.project-category{font-size:10px;font-weight:700;letter-spacing:1.7px;line-height:1.5;color:#a0a0a0;margin-bottom:10px}.project h2{font-size:26px;letter-spacing:-.04em;line-height:1.2;margin:0 0 10px}.project p{font-size:14px;line-height:1.65;color:#b9b9b9;max-width:31ch;margin:0}.project-link,.project-note{display:inline-flex;align-items:center;gap:9px;margin-top:22px;font-size:13px;font-weight:600}.project-link{color:#03c5db;min-height:28px;transition:color .2s,transform .2s}.project-link:hover{color:#82eef6;transform:translateY(-2px)}.project-link:focus-visible{outline:2px solid #03c5db;outline-offset:4px}.project-note{color:#989898;font-size:11px}.project-media{width:156px;aspect-ratio:1;border-radius:20px;border:1px solid #ffffff12;overflow:hidden;background:#111}.project-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s,filter .45s;filter:saturate(.8)}.project:hover .project-media img{transform:scale(1.045);filter:saturate(1)}
.frieren-card{grid-column:8/13;grid-row:1/3;overflow:hidden;isolation:isolate;padding:0;background:#0d1217;border-color:#ffffff24}.frieren-card:hover{border-color:#8a909866;box-shadow:0 24px 65px #0008}
.donate,.contact{min-height:264px;padding:24px;display:flex;flex-direction:column}.donate{grid-column:1/7;grid-row:3}.contact{grid-column:7/13;grid-row:3;justify-content:space-between}.donate h2,.contact h2{font-size:20px;line-height:1.2;margin:0 0 24px;letter-spacing:-.03em}.heading-icon{color:#00c5da;margin-right:10px;font-size:26px;vertical-align:-2px}.wallets{display:grid;gap:12px}.wallet{min-height:70px;display:flex;align-items:center;gap:12px;padding:14px 16px;background:#1b1b1b;border:1px solid #ffffff0d;border-radius:16px}.wallet-symbol{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:16px;font-weight:800}.wallet-symbol.usdt{background:#27a984}.wallet-symbol.ton{background:#079de4}.wallet-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.wallet-text strong{font-size:10px;color:#898989}.wallet-text code{font:600 11px/1.3 ui-monospace,Consolas,monospace;color:#c5c5c5;overflow-wrap:anywhere}.copy-button{flex:none;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#aaa;transition:background .2s,color .2s}.copy-button:hover,.copy-button:focus-visible,.copy-button.copied{background:#ffffff12;color:white}.copy-button.copied{color:#35d4aa}
.contact p{font-size:14px;line-height:1.65;color:#aaa;max-width:50ch;margin:0}.email-button{min-height:66px;width:100%;display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #2361b052;border-radius:16px;background:#121a27;color:#55a6ff;padding:14px 16px;transition:background .25s,border-color .25s}.email-button:hover,.email-button:focus-visible{background:#152238;border-color:#3488eb}.email-button>span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.email-button small{font-size:10px;letter-spacing:1px;font-weight:800;color:#8994a5}.email-value{font-size:13px;letter-spacing:2px;color:#04c6da;overflow-wrap:anywhere}.email-arrow{font-size:22px}.email-button.copied .email-value{color:#35d4aa}
footer{z-index:1;margin-top:44px;padding-bottom:20px;color:#727272;font-size:12px;font-weight:600;letter-spacing:.08em;text-align:center}
html,body,#root,#root *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:default}#root a,#root a *,#root button,#root button *,#root [role="button"]{cursor:pointer}
@media(min-width:768px) and (max-width:999px){.site-grid{grid-template-rows:auto auto 680px auto}.profile{grid-column:1/-1;grid-row:1;min-height:230px}.projects{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr}.project{grid-template-columns:minmax(0,1fr) 96px;gap:16px}.project-media{width:96px}.frieren-card{grid-column:1/-1;grid-row:3}.donate{grid-column:1/7;grid-row:4}.contact{grid-column:7/13;grid-row:4}}
@media(max-width:767px){#root{padding:32px 16px}.site-grid{display:flex;flex-direction:column}.profile{min-height:230px;padding:28px 20px;gap:20px;flex-direction:column;text-align:center}.avatar{width:96px;height:96px}.profile h1{font-size:44px;margin:0 auto 20px}.socials{justify-content:center}.social-link{width:48px;height:48px}.social-glyph{width:24px;height:24px}.projects{display:grid;gap:16px}.project{min-height:200px;padding:22px;grid-template-columns:minmax(0,1fr) 104px;gap:18px}.project-media{width:104px;border-radius:16px}.project h2{font-size:23px}.project p{font-size:13px}.project-category{font-size:9px;letter-spacing:1px}.frieren-card{height:620px}.donate,.contact{min-height:230px}.contact{gap:30px}}
@media(max-width:359px){.project{padding:18px;grid-template-columns:minmax(0,1fr) 76px;gap:12px}.project-media{width:76px}.socials{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.nickname span,.nickname-dot{opacity:1}}