:root{--color-bg: #050505;--color-surface: #0a0a0a;--color-surface-hover: #111111;--color-border: #1a1a1a;--color-border-hover: #2a2a2a;--color-text: #f5f5f7;--color-text-secondary: #86868b;--color-accent: #e8743b;--color-accent-hover: #d4622b;--color-accent-soft: rgba(232, 116, 59, .12);--color-accent-border: rgba(232, 116, 59, .34);--font-display: "Plus Jakarta Sans", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 4rem;--page-max: 720px;--page-padding: 1.5rem;--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);min-height:100vh;overflow-x:hidden;line-height:1.5}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% -20%,rgba(232,116,59,.16),transparent 70%),radial-gradient(circle at 0% 100%,rgba(212,98,43,.06),transparent 50%);pointer-events:none;z-index:0}.page{max-width:var(--page-max);margin:0 auto;padding:var(--space-xl) var(--page-padding);position:relative;z-index:1}.profile{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--space-xl)}.profile-image-wrapper{width:104px;height:104px;border-radius:50%;overflow:hidden;margin-bottom:var(--space-md);padding:3px;background:var(--color-surface);box-shadow:0 0 0 1px #ffffff14,0 8px 24px #00000080,0 2px 12px #e8743b2e;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth)}.profile-image-wrapper:hover{transform:scale(1.02);box-shadow:0 0 0 1px var(--color-accent-border),0 8px 28px #00000080,0 2px 18px #e8743b52}.profile-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.profile-name{font-family:var(--font-display);font-size:2.5rem;font-weight:800;letter-spacing:-.04em;color:var(--color-text);margin-bottom:.75rem}.profile-intro{font-size:1.05rem;line-height:1.6;color:var(--color-text-secondary);font-weight:500;max-width:520px}.profile-intro .hl{color:var(--color-accent);font-weight:700;font-style:normal}.hero-actions{display:flex;gap:.75rem;margin-top:var(--space-md);flex-wrap:wrap;justify-content:center}.profile-socials{display:flex;gap:.5rem;margin-top:var(--space-sm)}.profile-social-link{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--color-text-secondary);transition:color var(--transition-fast),background var(--transition-fast);cursor:pointer}.profile-social-link:hover{color:var(--color-text);background:#ffffff0f}.profile-social-link--coffee{color:#ffb15c;background:#e8743b29;box-shadow:inset 0 0 0 1px #e8743b4d}.profile-social-link--coffee:hover{color:#ffcf8a;background:#e8743b47}.profile-social-link[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);padding:.35rem .6rem;border-radius:8px;background:#1b1b1e;border:1px solid var(--color-border-hover);color:var(--color-text);font-size:.72rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast);box-shadow:0 6px 16px #0006}.profile-social-link[data-tip]:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:12px;font-family:var(--font-body);font-size:.95rem;font-weight:700;text-decoration:none;border:1px solid transparent;transition:transform var(--transition-fast),filter var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);cursor:pointer}.button:hover{transform:scale(1.02)}.button-icon{flex-shrink:0;opacity:.85}.button-primary{background:var(--color-text);color:var(--color-bg)}.button-primary:hover{filter:brightness(.9)}.button-attention-target{position:relative}.button-attention-target:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--border-angle, 0deg),rgba(232,116,59,0) 0deg,rgba(232,116,59,0) 190deg,#f0a04b 270deg,#ffcf8a 310deg,#e8743b 350deg,rgba(232,116,59,0) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none}.button-attention-target.attention:before{opacity:1;animation:border-spin 1.4s linear 1}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes border-spin{to{--border-angle: 360deg}}@media (prefers-reduced-motion: reduce){.button-attention-target.attention:before{animation:none;opacity:1}}.button-secondary{background:#ffffff0f;color:var(--color-text);border-color:var(--color-border-hover)}.button-secondary:hover{background:#ffffff1a}.button-disabled{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border);cursor:default;opacity:.7}.button-disabled:hover{transform:none}.button-ghost{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.button-ghost:hover{color:var(--color-text);border-color:var(--color-border-hover)}.section{margin-bottom:var(--space-xl)}.section-title{font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}.section-lead{color:var(--color-text-secondary);font-size:1rem;margin-bottom:var(--space-md)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:var(--space-md);position:relative;overflow:hidden;transition:transform var(--transition-smooth),border-color var(--transition-smooth),box-shadow var(--transition-smooth)}.card:hover{border-color:var(--color-border-hover);box-shadow:0 8px 32px #0006}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px circle at var(--mouse-x, -200px) var(--mouse-y, -200px),rgba(255,255,255,.04),transparent 40%);pointer-events:none}.session-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.session-card{display:flex;flex-direction:column}.session-meta{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.75rem}.session-duration{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.session-price{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--color-text)}.session-title{font-family:var(--font-display);font-size:1.25rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}.session-description{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:var(--space-md);flex-grow:1}.session-button{width:100%;position:relative;z-index:1}.session-badge{position:relative;bottom:.05rem}.session-note{margin-top:var(--space-sm);font-size:.85rem;color:var(--color-text-secondary);text-align:center}.freelance-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);background:linear-gradient(135deg,#e8743b24,#e8743b0a 60%),var(--color-surface);border-color:var(--color-accent-border)}.freelance-card:hover{border-color:var(--color-accent);box-shadow:0 8px 32px #e8743b1f}.freelance-title{font-family:var(--font-display);font-size:1.15rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.35rem}.freelance-text{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}.freelance-card .button{flex-shrink:0;position:relative;z-index:1}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.product-grid--five>.product-card:nth-child(5){grid-column:1 / -1;width:calc(50% - var(--space-sm) / 2);justify-self:center}.product-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer}.product-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.product-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.product-logo{flex-shrink:0;width:46px;height:46px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;background:#0d0f13;box-shadow:0 4px 10px #00000080,0 1px 2px #0006}.product-logo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff14;background:linear-gradient(180deg,#ffffff14,#fff0 40%);pointer-events:none;z-index:3}.product-logo img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1}.product-logo--mark img{object-fit:contain;padding:9px}.product-name{font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);background:var(--color-accent-soft);border:1px solid var(--color-accent-border);border-radius:6px;padding:.15rem .45rem}.product-text{color:var(--color-text-secondary);font-size:.9rem;line-height:1.55;margin-bottom:.75rem;flex-grow:1}.product-domain{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:lowercase;margin-top:auto}.closing-card{background:linear-gradient(to bottom right,var(--color-surface),#000);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:var(--space-lg)}.closing-title{font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.closing-text{color:var(--color-text-secondary);font-size:.95rem}.closing-card .button{margin-top:var(--space-sm);position:relative;z-index:1}.footer{text-align:center;padding:var(--space-xl) 0;border-top:1px solid var(--color-border)}.footer-text{font-size:.85rem;color:var(--color-text-secondary);font-weight:500;opacity:.5}[data-animate]{opacity:0;transform:translateY(20px)}[data-animate].visible{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion: reduce){[data-animate]{opacity:1;transform:none;transition:none}}@media (max-width: 640px){:root{--space-xl: 3rem}.profile-name{font-size:2rem}.session-grid,.product-grid{grid-template-columns:1fr}.product-grid--five>.product-card:nth-child(5){grid-column:auto;width:auto;justify-self:stretch}.freelance-card{flex-direction:column;align-items:flex-start}}
