:root{--spacing: 82vh;overflow-x:hidden;margin:0;font-family:Rubik,sans-serif;font-optical-sizing:auto;font-weight:50;font-style:normal}.loading{opacity:1;background-color:#fdfdfd;position:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;top:0;left:0;z-index:1000;transition:opacity .5s ease-out;overflow:hidden}.loading-content{text-align:center;color:#333;max-width:600px;padding:40px;position:relative;z-index:10}.loading-title{font-size:3.5em;font-weight:700;margin-bottom:10px;letter-spacing:-1px;color:#000;animation:fadeInUp 1s ease-out}.loading-subtitle{font-size:1.3em;font-weight:300;margin-bottom:25px;opacity:.7;color:#333;animation:fadeInUp 1s ease-out .2s both}.progress-container{animation:fadeInUp 1s ease-out .4s both}.progress-bar{width:100%;height:6px;background-color:#0000001a;border-radius:3px;overflow:hidden;margin-bottom:12px;box-shadow:inset 0 1px 3px #0000001a}.progress-fill{height:100%;background:linear-gradient(90deg,#333,#000);width:1%;border-radius:3px;transition:width .3s ease;box-shadow:0 0 10px #0000004d}.loading-text{font-size:1em;font-weight:300;opacity:.6;color:#333;animation:pulse 2s infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.loading-star{position:absolute;background-color:#000;border-radius:50%;animation:twinkle 2s infinite;opacity:0}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}.hidden{width:0%;height:0%}canvas{position:fixed;top:0;margin:0;left:0}main{position:absolute;width:100vw;z-index:99;width:100%;margin:0 auto;padding:120px 0 0;display:grid;grid-template-columns:repeat(12,1fr)}header{grid-column:2 / span 5;margin-bottom:var(--spacing);min-height:700px}a{color:#000;transition:.2s}a:hover{color:#a9a9a9;transition:.2s}h1{font-size:4em}header p{font-size:1.5em}.card{min-height:500px;margin-bottom:var(--spacing)}.card div{background:#fff;border:solid 8px black;padding:1rem}.left{grid-column:2 / span 7}.right{grid-column:5 / span 7}@media screen and (max-width: 700px){.right,.left{grid-column:1 / span 12}}.note{font-style:italic}footer{grid-column:1 / span 12;background:#fff;padding:20px;margin:0;height:70vh;border-top:solid 8px black;position:relative}@media screen and (min-width: 500px){footer{padding:50px}}footer span{position:absolute;bottom:20px;right:60px}footer h2{font-size:3em}body{margin:0;padding:0}.bold{font-weight:700}.hidden-link{text-decoration:none!important}