:root{--bg-color:#050505;--text-color:#eaeaea5c;--subtitle-color:#888888eb;--accent-purple:#8800d1;--accent-blue:#234faee1;--accent-teal:#00b3c3;--gradient-text:linear-gradient(120deg, var(--accent-purple) 0%, var(--accent-blue) 50%, var(--accent-teal) 100%);}*{margin:0;padding:0;box-sizing:border-box;}body{background-color:var(--bg-color);color:var(--text-color);font-family:'Poppins', sans-serif;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;cursor:default;}body::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center, transparent 40%, rgba(5, 5, 5, 0.5) 100%);pointer-events:none;z-index:2;}#star-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;}.container{text-align:center;z-index:10;padding:2rem;pointer-events:none;display:flex;flex-direction:column;gap:0.5rem;position:relative;margin-top:-10vh;animation:levitate 6s ease-in-out infinite;}@keyframes levitate{0%, 100%{transform:translateY(0px);}50%{transform:translateY(-12px);}}.title-wrapper{display:flex;align-items:center;justify-content:center;gap:0.8rem;cursor:pointer;pointer-events:auto;transition:transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);}.title-wrapper:hover{transform:scale(1.02);}.title-wrapper:active{transform:scale(0.98);}.title-wrapper:hover .logo-icon{filter:drop-shadow(0 0 8px rgba(136, 0, 209, 0.4));}.logo-icon{width:2.8rem;height:2.8rem;background:var(--gradient-text);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Ccircle cx='10' cy='3' r='0.65'/%3E%3Ccircle cx='14' cy='3' r='0.65'/%3E%3Ccircle cx='3' cy='10' r='0.65'/%3E%3Ccircle cx='21' cy='10' r='0.65'/%3E%3Ccircle cx='3' cy='14' r='0.65'/%3E%3Ccircle cx='21' cy='14' r='0.65'/%3E%3Ccircle cx='10' cy='21' r='0.65'/%3E%3Ccircle cx='14' cy='21' r='0.65'/%3E%3Ccircle cx='6' cy='6' r='1.3'/%3E%3Ccircle cx='10' cy='6' r='1.3'/%3E%3Ccircle cx='14' cy='6' r='1.3'/%3E%3Ccircle cx='18' cy='6' r='1.3'/%3E%3Ccircle cx='6' cy='10' r='1.3'/%3E%3Ccircle cx='18' cy='10' r='1.3'/%3E%3Ccircle cx='6' cy='14' r='1.3'/%3E%3Ccircle cx='18' cy='14' r='1.3'/%3E%3Ccircle cx='6' cy='18' r='1.3'/%3E%3Ccircle cx='10' cy='18' r='1.3'/%3E%3Ccircle cx='14' cy='18' r='1.3'/%3E%3Ccircle cx='18' cy='18' r='1.3'/%3E%3Ccircle cx='10' cy='10' r='1.85'/%3E%3Ccircle cx='14' cy='10' r='1.85'/%3E%3Ccircle cx='10' cy='14' r='1.85'/%3E%3Ccircle cx='14' cy='14' r='1.85'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Ccircle cx='10' cy='3' r='0.65'/%3E%3Ccircle cx='14' cy='3' r='0.65'/%3E%3Ccircle cx='3' cy='10' r='0.65'/%3E%3Ccircle cx='21' cy='10' r='0.65'/%3E%3Ccircle cx='3' cy='14' r='0.65'/%3E%3Ccircle cx='21' cy='14' r='0.65'/%3E%3Ccircle cx='10' cy='21' r='0.65'/%3E%3Ccircle cx='14' cy='21' r='0.65'/%3E%3Ccircle cx='6' cy='6' r='1.3'/%3E%3Ccircle cx='10' cy='6' r='1.3'/%3E%3Ccircle cx='14' cy='6' r='1.3'/%3E%3Ccircle cx='18' cy='6' r='1.3'/%3E%3Ccircle cx='6' cy='10' r='1.3'/%3E%3Ccircle cx='18' cy='10' r='1.3'/%3E%3Ccircle cx='6' cy='14' r='1.3'/%3E%3Ccircle cx='18' cy='14' r='1.3'/%3E%3Ccircle cx='6' cy='18' r='1.3'/%3E%3Ccircle cx='10' cy='18' r='1.3'/%3E%3Ccircle cx='14' cy='18' r='1.3'/%3E%3Ccircle cx='18' cy='18' r='1.3'/%3E%3Ccircle cx='10' cy='10' r='1.85'/%3E%3Ccircle cx='14' cy='10' r='1.85'/%3E%3Ccircle cx='10' cy='14' r='1.85'/%3E%3Ccircle cx='14' cy='14' r='1.85'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;position:relative;top:-0.1rem;transition:filter 0.3s ease, transform 0.3s ease;}.logo-icon svg{width:100%;height:100%;overflow:visible;}.logo-icon.flash{filter:drop-shadow(0 0 10px rgba(255, 255, 255, 0.6)) brightness(1.5);}.title{font-size:2.5rem;font-weight:500;color:hsl(0, 0%, 83%);letter-spacing:0.5px;line-height:1.1;user-select:none;animation:cinematicEntrance 1.5s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;opacity:0;transform:translateY(20px) scale(0.95);transition:color 0.3s ease, text-shadow 0.3s ease;}.title.flash{color:#ffffff !important;text-shadow:0 0 10px rgba(255, 255, 255, 0.5);}.title .flow{font-weight:500;font-size:2.3rem;}.subtitle{font-size:0.7rem;font-weight:300;background:linear-gradient(90deg, rgba(180,180,180,0.5) 0%, rgba(210,210,210,0.75) 50%, rgba(180,180,180,0.5) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:0.25em;text-indent:0.25em;max-width:600px;margin:-0.2rem auto 0 auto;position:relative;left:1.2rem;user-select:none;animation:cinematicEntrance 1.5s cubic-bezier(0.2, 0.8, 0.2, 1) 0.4s forwards;opacity:0;transform:translateY(15px) scale(0.98);}@keyframes cinematicEntrance{to{opacity:1;transform:translateY(0) scale(1);}}.header-icons{position:absolute;top:2rem;right:2.5rem;display:flex;gap:1.5rem;z-index:100;animation:cinematicEntrance 1.5s cubic-bezier(0.2, 0.8, 0.2, 1) 0.8s forwards;opacity:0;transform:translateY(-20px);}.icon-link, .icon-btn{background:none;border:none;color:var(--text-color);cursor:pointer;width:24px;height:24px;padding:0;transition:color 0.3s ease, transform 0.2s ease, filter 0.3s ease;display:flex;align-items:center;justify-content:center;outline:none;}.icon-link:hover, .icon-btn:hover{color:hsl(0, 0%, 95%);transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(255, 255, 255, 0.4));}.icon-link svg, .icon-btn svg{width:100%;height:100%;}.about-panel{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.95);width:90vw;max-width:1400px;text-align:center;z-index:20;pointer-events:none;opacity:0;transition:opacity 0.4s ease, transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);cursor:pointer;}.about-panel p{font-size:0.75rem;font-weight:300;color:rgba(245, 245, 245, 0.85);line-height:2.2;letter-spacing:0.25em;text-transform:uppercase;padding:0 1rem;text-shadow:0 4px 20px rgba(0,0,0,0.5);transition:color 0.3s ease;}.about-panel p em{font-style:italic;}.about-panel:hover p{color:rgba(255, 255, 255, 1);}body.show-about .title-wrapper, body.show-about .subtitle{opacity:0 !important;pointer-events:none !important;transform:translateY(-20px) scale(0.95) !important;}body:not(.show-about) .title-wrapper, body:not(.show-about) .subtitle{transition:opacity 0.5s ease, transform 0.5s ease !important;}body.show-about .about-panel{opacity:1;pointer-events:auto;transform:translate(-50%, -50%) scale(1);transition:opacity 1.5s ease, transform 1.5s cubic-bezier(0.2, 0.8, 0.2, 1);}.lang-text-btn{font-family:'Poppins', sans-serif;font-size:0.8rem;font-weight:300;letter-spacing:0.1em;width:auto;text-transform:uppercase;display:flex;align-items:center;justify-content:center;}