@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-color: #030303;--grid-line-color: rgba(255, 255, 255, .07);--card-bg: rgba(18, 18, 20, .85);--card-border: rgba(255, 255, 255, .12);--accent-pink: #ec4899;--accent-purple: #a855f7;--accent-blue: #3b82f6;--accent-cyan: #06b6d4;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;overflow-x:hidden;background-image:linear-gradient(to right,var(--grid-line-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line-color) 1px,transparent 1px);background-size:40px 40px;background-position:center center}.app-viewport{max-width:1050px;margin:2.5rem auto;padding:0 1rem}.browser-window{background:var(--card-bg);border:1px solid var(--card-border);border-radius:1.25rem;overflow:hidden;box-shadow:0 25px 50px -12px #000000b3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.browser-header{background:#0a0a0ce6;padding:.85rem 1.25rem;border-bottom:1px solid var(--card-border);display:flex;align-items:center;gap:.5rem}.dot{width:12px;height:12px;border-radius:50%;display:inline-block}.dot-red{background-color:#ef4444}.dot-yellow{background-color:#f59e0b}.dot-green{background-color:#10b981}.browser-title{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);margin-left:auto;margin-right:auto}.profile-banner{height:160px;background:linear-gradient(135deg,#1e1b4b,#311042,#030712);position:relative}.profile-header-body{padding:0 2rem 1.5rem;position:relative}.avatar-wrapper{display:flex;justify-content:space-between;align-items:flex-end;margin-top:-55px;margin-bottom:1.25rem}.avatar-img{width:110px;height:110px;border-radius:50%;border:4px solid #0f0f12;background:linear-gradient(135deg,#ec4899,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:2.5rem;box-shadow:0 10px 25px #00000080}.btn-follow{background:linear-gradient(135deg,#ec4899,#d946ef);color:#fff;border:none;padding:.6rem 1.4rem;border-radius:9999px;font-weight:700;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:transform .2s ease,opacity .2s ease;font-family:var(--font-sans)}.btn-follow:hover{opacity:.92;transform:translateY(-1px)}.profile-name-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.profile-name{font-size:1.85rem;font-weight:800;letter-spacing:-.02em}.sparkle-badge{color:var(--accent-pink)}.profile-bio{color:var(--text-primary);font-size:1.05rem;font-weight:500;margin-bottom:.5rem}.profile-subbio{color:var(--text-secondary);font-size:.92rem;line-height:1.5;margin-bottom:1.2rem}.profile-meta-row{display:flex;flex-wrap:wrap;gap:1.5rem;font-size:.85rem;color:var(--text-secondary);font-family:var(--font-mono);margin-bottom:1.5rem}.meta-item{display:flex;align-items:center;gap:.4rem}.social-links-group{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.social-link-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:9999px;background:#ffffff0d;border:1px solid var(--card-border);color:var(--text-secondary);font-family:var(--font-sans);font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s ease}.social-link-pill:hover{color:var(--text-primary);background:#ec48991f;border-color:#ec48994d;transform:translateY(-1px)}.highlight-google{color:#ea4335;font-weight:600}.nav-tabs{display:flex;gap:2rem;border-bottom:1px solid var(--card-border);padding:0 2rem}.tab-btn{background:none;border:none;color:var(--text-secondary);font-family:var(--font-sans);font-size:.95rem;font-weight:600;padding:.9rem 0;cursor:pointer;position:relative;transition:color .2s ease}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--text-primary);font-weight:700}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--accent-pink);border-radius:3px 3px 0 0}.tab-content{padding:2rem}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.info-card{background:#0a0a0c99;border:1px solid var(--card-border);border-radius:1rem;padding:1.5rem;transition:border-color .2s ease,transform .2s ease}.info-card:hover{border-color:#ec489966;transform:translateY(-2px)}.card-tag{display:inline-block;padding:.25rem .6rem;border-radius:.35rem;font-size:.75rem;font-weight:600;font-family:var(--font-mono);background:#ec489926;color:var(--accent-pink);margin-bottom:.75rem}.card-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.card-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.tag-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.tag-chip{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.2rem .6rem;border-radius:9999px;font-size:.75rem;color:var(--text-secondary);font-family:var(--font-mono)}.contact-form{max-width:650px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.form-input,.form-textarea{background:#050508cc;border:1px solid var(--card-border);border-radius:.75rem;padding:.85rem 1rem;color:var(--text-primary);font-family:var(--font-sans);font-size:.95rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus,.form-textarea:focus{border-color:var(--accent-pink);box-shadow:0 0 0 3px #ec489926}.form-textarea{resize:vertical;min-height:120px}.btn-submit{background:linear-gradient(135deg,#ec4899,#a855f7);color:#fff;border:none;padding:.9rem 1.5rem;border-radius:.75rem;font-weight:700;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:opacity .2s ease,transform .1s ease;font-family:var(--font-sans);margin-top:.5rem}.btn-submit:hover{opacity:.92}.btn-submit:active{transform:scale(.99)}.alert-success{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#34d399;padding:1rem 1.25rem;border-radius:.75rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.alert-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:1rem 1.25rem;border-radius:.75rem;font-size:.9rem}