header{margin-bottom:clamp(var(--size-04),3vw,var(--size-06))}section{padding:clamp(var(--size-04),3vw,var(--size-06)) clamp(var(--size-03),2vw,var(--size-05))}.no-select{user-select:none;pointer-events:none}@font-face{font-family:'ITC Handel Gothic Arabic';src:url('/fonts/ITC Handel Gothic Arabic-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'ITC Handel Gothic Arabic';src:url('/fonts/ITC Handel Gothic Arabic-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}body{font-family:'ITC Handel Gothic Arabic',sans-serif;font-weight:var(--font-weight-normal);line-height:var(--line-height-2);letter-spacing:var(--letter-spacing-2);font-size:clamp(0, 2vw, var(--font-size-2))}h1,h2,h3{text-align:center;text-wrap:balance;font-weight:var(--font-weight-bold);line-height:var(--line-height-1);letter-spacing:var(--letter-spacing-1)}h1{font-size:clamp(var(--font-size-7), 7vw, var(--font-size-10));padding-bottom:clamp(var(--size-06),3vw,var(--size-09))}h2{font-size:clamp(var(--font-size-5), 6vw, var(--font-size-7));padding-bottom:clamp(var(--size-04),2vw,var(--size-06))}h3{font-size:clamp(var(--font-size-4), 5vw, var(--font-size-6));padding-bottom:clamp(var(--size-03),1.5vw,var(--size-05))}.subtitle{text-align:center;text-wrap:balance;font-weight:var(--font-weight-normal);line-height:var(--line-height-2);letter-spacing:var(--letter-spacing-2);font-size:clamp(var(--font-size-1), 2.5vw, var(--font-size-3));padding-bottom:var(--size-01)}:root{--planet-design:#f9ca24;--planet-programming:#4caf50;--planet-art:#f44336;--planet-audio:#ff9800;--rgba-white-5:rgba(255, 255, 255, 0.05);--rgba-white-10:rgba(255, 255, 255, 0.1);--rgba-primary-10:rgba(0, 116, 255, 0.1);--rgba-primary-20:rgba(0, 116, 255, 0.2);--rgba-primary-30:rgba(0, 116, 255, 0.3);--rgba-primary-40:rgba(0, 116, 255, 0.4);--rgba-primary-50:rgba(0, 116, 255, 0.5);--rgba-primary-80:rgba(0, 116, 255, 0.8);--rgba-primary-60:rgba(0, 116, 255, 0.6);--shadow-sm:0 2px 8px var(--rgba-primary-10);--shadow-md:0 8px 32px var(--rgba-primary-20);--shadow-glow:0 0 30px var(--rgba-primary-30)}body{color:var(--white)}h1,h2{color:var(--blue-500)}h3{color:var(--white)}p{color:var(--white)}a{color:var(--blue-400)}a:hover:not(.button){color:var(--blue-400)}img{filter:drop-shadow(var(--shadow-sm))}img:hover{filter:drop-shadow(var(--shadow-md))}::placeholder{color:var(--white)}footer{padding:clamp(var(--size-04),3vw,var(--size-06)) 0;border-top:3px solid var(--rgba-white-5);text-align:center;text-wrap:balance}footer a{text-decoration:underline;text-underline-offset:0.2em}.lang-toggle{position:fixed;top:var(--size-05);left:var(--size-05);z-index:1000;display:flex;gap:var(--size-02);background:var(--rgba-white-10);border:1px solid var(--rgba-white-10);border-radius:clamp(var(--size-03),1.5vw,var(--size-04))}[dir=ltr] .lang-toggle{left:auto;right:var(--size-05)}.lang-toggle a{padding:clamp(var(--size-02),1vw,var(--size-03)) clamp(var(--size-03),1.5vw,var(--size-04));color:var(--white);text-decoration:none;border-radius:clamp(var(--size-02),1vw,var(--size-03));opacity:.7}.lang-toggle a:hover{opacity:1;background:var(--rgba-white-10)}.lang-toggle a.active{background:var(--blue-800);opacity:1}.nav{min-height:clamp(var(--size-07),8vw,var(--size-10));margin-bottom:clamp(var(--size-05),4vw,var(--size-07));border-radius:var(--size-04);background:var(--rgba-primary-20);border:1px solid var(--rgba-primary-40)}.nav,.nav .brand,.nav a,.nav-center{display:flex}.nav-center{flex:1;justify-content:center;gap:clamp(var(--size-04),3vw,var(--size-07));padding:var(--size-05);flex-wrap:wrap}.nav .brand,.nav a{align-items:center;justify-content:center;border-radius:var(--size-04);color:var(--white);min-width:clamp(var(--size-06),6vw,var(--size-08));min-height:clamp(var(--size-06),6vw,var(--size-08))}.nav .brand:hover,.nav a:hover{color:var(--blue-500);background:var(--rgba-white-10);box-shadow:var(--shadow-sm)}.tag{margin-right:auto;font-size:clamp(0rem, 2vw, var(--font-size-0));padding:clamp(0,.5vw,var(--size-01)) clamp(var(--size-01),.5vw,var(--size-02));border-radius:var(--border-radius-full);background:var(--blue-500);text-wrap:balance;text-align:center}.top{display:flex;align-items:center;flex-direction:column;gap:clamp(var(--size-05),4vw,var(--size-07))}.iconify-inline{width:75%;height:75%}.spaceship{width:clamp(var(--size-10),15vw,var(--size-11));height:clamp(var(--size-10),15vw,var(--size-11));border-radius:50%;object-fit:cover;filter:drop-shadow(0 0 20px var(--rgba-primary-80));border:3px solid var(--rgba-primary-50);box-shadow:0 0 20px var(--rgba-primary-60),inset 0 0 20px var(--rgba-white-10)}.button{border-radius:var(--size-04);background:var(--rgba-primary-10);color:var(--white);border:1px solid var(--rgba-primary-30);box-shadow:var(--shadow-md);overflow:hidden;cursor:pointer}.button:hover{transform:translateY(-3px);box-shadow:var(--shadow-glow);border-color:var(--blue-500);background:var(--rgba-primary-20)}.button:active:not(:disabled),[type=button]:active:not(:disabled),[type=reset]:active:not(:disabled),[type=submit]:active:not(:disabled),button:active:not(:disabled){transform:translateY(0) scale(.98)}.button:focus-visible{outline:3px solid var(--blue-500);outline-offset:4px}.button:disabled{opacity:.5;cursor:not-allowed}.row{margin-bottom:clamp(var(--size-04),3vw,var(--size-06))}.container{margin:clamp(var(--size-05),4vw,var(--size-07)) auto 0;width:min(90%,700px)}.profileContent{display:flex;align-items:center;gap:clamp(var(--size-05),3vw,var(--size-06));padding:clamp(var(--size-03),2vw,var(--size-06));min-height:var(--size-07)}.profileIcon{display:flex;align-items:center;justify-content:center;min-width:clamp(var(--size-06),5vw,var(--size-08));min-height:clamp(var(--size-06),5vw,var(--size-08));border-radius:var(--border-radius-3);overflow:hidden;background:var(--blue-500);flex-shrink:0}a{text-decoration:none}a:hover:not(.button){text-decoration:underline}img{max-width:100%}img:hover{transform:scale(1.05)}