*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;user-select:none;-webkit-user-select:none;touch-action:none}body>canvas{display:block;width:100%!important;height:100%!important}#loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:Roboto Slab,serif;font-size:1.5rem;z-index:100;transition:opacity 1s ease}#loading-screen.hidden{opacity:0;pointer-events:none}#loading-bar-container{width:300px;height:4px;background:#333;margin-top:16px;border-radius:2px;overflow:hidden}#loading-bar{height:100%;width:0%;background:#fff;border-radius:2px;transition:width .3s ease}.modal-overlay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;z-index:50;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;touch-action:auto;user-select:text;-webkit-user-select:text}.modal-overlay.visible{display:flex;opacity:1}.modal-overlay.visible .modal-content{transform:translateY(0)}.modal-content{background:#0a0a1a38;border:2px solid rgba(255,255,255,.15);border-radius:8px;width:90%;height:90%;position:relative;padding:0;color:#fff;transform:translateY(100%);transition:transform .5s cubic-bezier(.77,0,.18,1)}.modal-close-btn{position:absolute;top:16px;left:26px;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;opacity:.7;z-index:2}.modal-close-btn:hover{opacity:1}.modal-canvas{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;z-index:0}.modal-scroll{position:relative;z-index:1;width:100%;height:100%;overflow-y:scroll;scrollbar-width:none;touch-action:pan-y;-webkit-overflow-scrolling:touch}.modal-scroll::-webkit-scrollbar{display:none}#about-me{position:relative;z-index:1;display:flex;flex-direction:column;gap:5em;padding:3em 3%;min-height:300%}.about-section{display:flex;flex-direction:row;align-items:stretch;gap:30px;width:100%}.about-section-text{flex:1;color:#fff;font-family:Roboto Slab,serif}.about-section-text h1{font-family:Roboto Slab,serif;font-size:4em;margin-bottom:0;letter-spacing:4px}.about-section-text p{font-size:1.75em;line-height:1.9;margin-bottom:0;opacity:.9;color:#e0e0e0}.about-section-image{flex-shrink:0;width:100%;height:100%}.about-section-image img{width:100%;height:100%;border-radius:16px;object-fit:cover}.about-section-card{border-radius:24px;padding:32px;display:flex;align-items:center;justify-content:center}.text-card{flex:1;background:#000000bf;border:2px solid rgba(255,255,255,.15)}.image-card{flex-shrink:0;width:35%;background:#000000bf;border:1px solid rgba(255,255,255,.15);padding:12px;display:flex;align-items:stretch}.sub-image-card{flex-shrink:0;width:40%;height:auto;background:#000000bf;border:1px solid rgba(255,255,255,.15);padding:26px;display:flex;align-items:center}.text-card .about-section-text h1{color:#fff;border-radius:16px;padding:12px}.text-card .about-section-text p{color:#fff;border-radius:16px;padding:12px;opacity:1}#snake-modal .image-card{flex-shrink:0;width:60%;background:#000000bf;border:1px solid rgba(255,255,255,.15);padding:26px;display:flex;align-items:stretch}#snake-modal .about-section-text h1{font-family:Roboto Slab,serif;font-size:4em;margin-bottom:0;letter-spacing:4px}#snake-modal .about-section-text p{font-size:1.75em;line-height:1.9;margin-bottom:0;opacity:.9;color:#e0e0e0}#snake-modal .text-card{flex:1;padding:25px;background:#000000bf;border:2px solid rgba(255,255,255,.15)}#snake-modal .text-card .about-section-text h1{color:#fff;border-radius:16px;padding:0}#snake-modal .text-card .about-section-text p{color:#fff;border-radius:16px;padding:0;opacity:1}#snake-modal #about-me{position:relative;z-index:1;display:flex;flex-direction:column;gap:3em;padding:3em 3%;min-height:auto}video{flex-shrink:0;width:100%;height:100%;border-radius:16px;object-fit:cover;display:flex;align-items:stretch}#calculator-modal .image-card{flex-shrink:0;width:30%;height:100%;background:#000000bf;border:1px solid rgba(255,255,255,.15);padding:12px;display:flex;align-items:stretch}#calculator-modal .about-section-image img{width:100%;border-radius:16px;object-fit:contain}#calculator-modal .about-section-text h1{font-family:Roboto Slab,serif;font-size:4em;margin-bottom:0;letter-spacing:4px}#calculator-modal .about-section-text p{font-size:1.75em;line-height:1.9;margin-bottom:0;opacity:.9;color:#e0e0e0}#calculator-modal .text-card{flex:1;padding:25px;background:#000000bf;border:2px solid rgba(255,255,255,.15)}#calculator-modal .text-card .about-section-text h1{color:#fff;border-radius:16px;padding:0}#calculator-modal .text-card .about-section-text p{color:#fff;border-radius:16px;padding:0;opacity:1}#calculator-modal #about-me{position:relative;z-index:1;display:flex;flex-direction:column;gap:3em;padding:3em 3%;min-height:auto}#air-freshener-modal .image-card{flex-shrink:0;width:30%;height:100%;background:#000000bf;border:1px solid rgba(255,255,255,.15);padding:12px;display:flex;align-items:stretch}#air-freshener-modal .about-section-image img{width:100%;border-radius:16px;object-fit:contain}#air-freshener-modal .about-section-text h1{font-family:Roboto Slab,serif;font-size:4em;margin-bottom:0;letter-spacing:4px}#air-freshener-modal .about-section-text p{font-size:1.75em;line-height:1.9;margin-bottom:0;opacity:.9;color:#e0e0e0}#air-freshener-modal .text-card{flex:1;padding:25px;background:#000000bf;border:2px solid rgba(255,255,255,.15)}#air-freshener-modal .text-card .about-section-text h1{color:#fff;border-radius:16px;padding:0}#air-freshener-modal .text-card .about-section-text p{color:#fff;border-radius:16px;padding:0;opacity:1}#air-freshener-modal #about-me{position:relative;z-index:1;display:flex;flex-direction:column;gap:3em;padding:3em 3%;min-height:auto}@media(max-width:768px){.image-card,.sub-image-card,.about-section-card.image-card,.about-section-card.sub-image-card{display:none!important}.mobile-carousel{position:relative;width:100%;overflow:hidden;background:#000000bf;border:1px solid rgba(255,255,255,.15);border-radius:24px;margin:2em 0;padding:16px}.carousel-track{display:flex;transition:transform .4s ease}.carousel-slide{min-width:100%;display:flex;align-items:center;justify-content:center}.carousel-slide img,.carousel-slide video{width:100%;max-height:300px;object-fit:contain;border-radius:12px}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff26;border:none;color:#fff;font-size:2rem;padding:8px 16px;border-radius:8px;cursor:pointer;z-index:2}.carousel-prev{left:8px}.carousel-next{right:8px}.carousel-counter{text-align:center;color:#fff;font-family:Roboto Slab,serif;font-size:.9rem;margin-top:8px;opacity:.7}}