*,*:before,*:after{box-sizing:border-box}:root{--bg: #000000;--panel: #0a0a0a;--muted: #a3a3a3;--text: #e8e8e8;--brand: #8b5cf6;--brand-2: #7c3aed;--accent: #c084fc;--stroke: #1a1a1a;--shadow: 0 12px 40px rgba(0,0,0,.5);--radius: 14px;--radius-sm: 10px;--radius-xs: 8px}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 20% -10%,#8b5cf629,#0000 60%),radial-gradient(900px 600px at 85% -10%,#7c3aed1f,#0000 60%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ph-container{width:min(1100px,calc(100% - 2rem));margin-inline:auto}.ph-stack-lg>*+*{margin-top:1.25rem}.ph-stack-md>*+*{margin-top:.75rem}main.ph-container{padding-top:2.4rem;padding-bottom:2.6rem}.ph-auth-page{min-height:82vh;display:grid;place-items:center;padding:1.5rem 0}.ph-auth-page{min-height:calc(100svh - 120px)}.ph-grid{display:grid;gap:1rem;grid-template-columns:repeat(12,1fr)}.ph-col-12{grid-column:span 12}.ph-col-6{grid-column:span 6}.ph-col-4{grid-column:span 4}@media (max-width: 900px){.ph-col-6,.ph-col-4{grid-column:span 12}}.ph-navbar{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:saturate(130%) blur(8px);backdrop-filter:saturate(130%) blur(8px);background:#000000a6;border-bottom:1px solid var(--stroke)}.ph-navbar .ph-container{display:flex;align-items:center;justify-content:space-between;padding:.9rem 0}.ph-brand{font-weight:800;letter-spacing:.3px;background:linear-gradient(90deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent;text-decoration:none;font-size:1.2rem;text-shadow:0 0 18px rgba(124,58,237,.25)}.ph-nav{display:flex;gap:1rem}.ph-link{color:var(--text);opacity:.85;text-decoration:none;padding:.4rem .6rem;border-radius:var(--radius-xs);border:1px solid transparent;transition:background .2s ease,border-color .2s ease,opacity .2s ease}.ph-link:hover{opacity:1;border-color:#262626;background:#7c3aed0f}.ph-link-active{opacity:1;color:#fff;border-color:#4c1d95;background:#7c3aed29;box-shadow:inset 0 0 0 1px #7c3aed33}.ph-auth{display:flex;gap:.6rem}.ph-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem .9rem;border-radius:var(--radius-sm);border:1px solid var(--stroke);background:#0d0d0d;color:var(--text);text-decoration:none;cursor:pointer;transition:transform .05s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;box-shadow:0 0 #0000;font-weight:600}.ph-btn:hover{border-color:#262626;background:#111;box-shadow:0 8px 20px #7c3aed1f}.ph-btn:active{transform:translateY(1px)}.ph-btn-primary{background:linear-gradient(135deg,#8b5cf638,#7c3aed2e);border-color:#3b0764}.ph-btn-primary:hover{background:linear-gradient(135deg,#8b5cf652,#7c3aed47)}.ph-btn-ghost{background:transparent}.ph-btn{position:relative;overflow:hidden}.ph-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.06) 30%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.06) 70%,transparent 100%);transform:translate(-120%);transition:transform .6s ease}.ph-btn:hover:after{transform:translate(120%)}.ph-card{background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem;transition:transform .12s ease,box-shadow .25s ease,border-color .2s ease}.ph-card:hover{transform:translateY(-1px);border-color:#262626;box-shadow:0 12px 32px #7c3aed1f}.ph-hero{padding:5.5rem 0 3rem;position:relative;overflow:hidden}.ph-hero-content{text-align:center}.ph-hero-title{font-size:clamp(2.2rem,4.6vw,3.4rem);line-height:1.08;margin:0;background:linear-gradient(90deg,#fff,#efe6ff 30%,#fff 70%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 22px rgba(124,58,237,.18);animation:heroTextSheen 8s linear infinite}@keyframes heroTextSheen{0%{background-position:0% 50%}to{background-position:200% 50%}}.ph-hero-subtitle{color:var(--muted);max-width:700px;margin:.9rem auto 0}.ph-hero-actions{display:flex;gap:.7rem;justify-content:center;margin-top:1.2rem}.ph-hero-glow{position:absolute;inset:-20% -20% auto -20%;height:420px;pointer-events:none;background:radial-gradient(600px 300px at 50% 0%,#8b5cf62e,#0000 70%);filter:blur(22px)}.ph-section-title{margin:0 0 .6rem;font-size:1.25rem}.ph-muted{color:var(--muted)}.ph-empty{color:var(--muted);text-align:center;padding:1.2rem;border:1px dashed var(--stroke);border-radius:var(--radius);background:#7c3aed0a}.ph-form{display:grid;gap:1.2rem}.ph-field{display:grid;gap:.35rem}.ph-label{font-size:.92rem;color:var(--muted)}.ph-input,.ph-textarea{width:100%;background:#0b0b0b;color:var(--text);border:1px solid #262626;border-radius:var(--radius-xs);padding:.7rem .8rem;outline:none}.ph-input{height:52px}.ph-input:focus,.ph-textarea:focus{border-color:#4c1d95;box-shadow:0 0 0 3px #7c3aed2e}.ph-input-inline{max-width:320px}.ph-actions{display:flex;gap:.6rem}.ph-cta{border:1px solid var(--stroke);border-radius:var(--radius);padding:1.2rem;background:radial-gradient(600px 240px at 100% 0%,#7c3aed1f,#0000 60%),#0a0a0a;display:flex;align-items:center;justify-content:space-between;gap:1rem}.ph-cta h3{margin:0}.ph-list{list-style:none;padding:0;margin:0;display:grid;gap:.9rem}.ph-list-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.ph-list-header .ph-section-title{margin:0}.ph-problem-item{display:grid;gap:.4rem}.ph-problem-meta{display:flex;align-items:baseline;gap:.6rem;justify-content:space-between}.ph-problem-title{margin:0;font-size:1.1rem}.ph-problem-date,.ph-comment-date{color:var(--muted);font-size:.85rem}.ph-problem-desc{margin:.2rem 0 0;color:#e0e0e6}.ph-badge{display:inline-block;font-size:.75rem;color:var(--accent);background:#7c3aed24;border:1px solid #4c1d95;padding:.2rem .5rem;border-radius:999px}.ph-problem-solution{border-top:1px dashed var(--stroke);margin-top:.4rem;padding-top:.6rem;color:#d9e1ea}.ph-problem-actions{margin-top:.4rem}.ph-comments{margin-top:.6rem}.ph-comment{border:1px solid var(--stroke);border-radius:var(--radius-xs);padding:.8rem;background:#0b0b0b}.ph-comment+.ph-comment{margin-top:.6rem}.ph-auth-card{max-width:760px;margin-inline:auto;padding:2rem 2.2rem}.ph-auth-card .ph-section-title{font-size:1.5rem}.ph-auth-card .ph-actions{display:block}.ph-auth-card .ph-actions .ph-btn{width:100%;padding:.95rem 1.15rem;font-size:1rem}@media (max-width: 640px){.ph-navbar .ph-container{padding:.7rem 0}.ph-hero{padding-top:4rem}.ph-nav{display:none}}::selection{background:#7c3aed59;color:#fff}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#0a0a0a}*::-webkit-scrollbar-thumb{background:#1f1f1f;border-radius:999px;border:2px solid #0a0a0a}*::-webkit-scrollbar-thumb:hover{background:#2a2a2a}