*{margin:0;padding:0;box-sizing:border-box;}
html,body{width:100%;min-height:100%;background:#000;cursor:default;overflow-x:hidden;}
canvas{display:block;position:fixed;top:0;left:0;z-index:0;transition:opacity .25s linear;will-change:opacity;}
#content{position:relative;z-index:5;max-width:720px;margin:0 auto;padding:0 24px 60px;font-family:"Courier New",monospace;color:rgba(220,255,255,0.88);}
.hero{min-height:100vh;}
.hero h1{font-size:clamp(2.2rem,8vw,4.5rem);letter-spacing:0.18em;color:rgba(0,255,255,0.9);text-shadow:0 0 24px rgba(0,255,255,0.35);}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.panel{background:rgba(0,10,12,0.82);border:1px solid rgba(0,255,255,0.18);border-radius:6px;padding:22px 26px;margin:26px 0;backdrop-filter:blur(2px);}
.panel h2{font-size:1rem;color:rgba(0,255,255,0.85);letter-spacing:0.08em;margin-bottom:14px;}
.panel p{font-size:0.9rem;line-height:1.65;margin-bottom:10px;}
.panel p[lang="en"]{color:rgba(220,255,255,0.55);font-size:0.82rem;}
.panel ul{list-style:none;margin:6px 0;}
.panel li{font-size:0.9rem;line-height:1.7;padding-left:18px;position:relative;}
.panel li::before{content:"·";position:absolute;left:4px;color:rgba(0,255,255,0.6);}
.not-list li::before{content:"✕";font-size:0.75rem;color:rgba(255,120,120,0.7);}
.k{color:rgba(0,255,255,0.8);}
code{color:rgba(0,255,200,0.8);font-size:0.85em;}
a{color:rgba(0,255,255,0.75);text-decoration:none;transition:color .3s;}
a:hover{color:rgba(0,255,255,1);}
.site-footer{margin-top:40px;font-size:0.78rem;color:rgba(220,255,255,0.4);text-align:center;}
/* contact page */
.contact-form label{display:block;font-size:0.85rem;margin:14px 0 4px;color:rgba(0,255,255,0.7);}
.contact-form input,.contact-form textarea{width:100%;background:rgba(0,20,24,0.85);border:1px solid rgba(0,255,255,0.25);border-radius:4px;color:rgba(220,255,255,0.9);font-family:inherit;font-size:0.9rem;padding:10px;}
.contact-form textarea{min-height:140px;resize:vertical;}
.contact-form button{margin-top:18px;background:rgba(0,255,255,0.12);border:1px solid rgba(0,255,255,0.5);border-radius:4px;color:rgba(0,255,255,0.9);font-family:inherit;font-size:0.9rem;letter-spacing:0.08em;padding:12px 28px;cursor:pointer;transition:background .3s;}
.contact-form button:hover{background:rgba(0,255,255,0.25);}