html,body{margin:0;height:100%;overflow:hidden}canvas{display:block;width:100%;height:100%}#welcome-text{color:#333;font-size:2em;text-align:center;transition:transform 1s}#welcome-text:hover{transform:scale(1.1)}#ui-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:100}.ui-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000001a;position:relative}.ui-button:hover{background:#fff3;transform:scale(1.1);box-shadow:0 6px 12px #0003}.ui-button:active{transform:scale(.95)}#theme-toggle{position:absolute;top:20px;left:20px;width:48px;height:48px}#social-buttons{position:absolute;top:20px;right:30px;display:flex;flex-direction:column;gap:12px;padding-right:0}.social-btn{width:48px;height:48px;position:relative}body.light-mode{background:#f0f0f0}body.light-mode .ui-button{background:#0000001a;border:1px solid rgba(0,0,0,.2);color:#333}body.light-mode .ui-button:hover{background:#0003}.theme-icon .moon-icon,.theme-icon .sun-icon{transition:all .3s ease}body.light-mode .theme-icon .moon-icon{display:none}body.light-mode .theme-icon .sun-icon{display:block!important}.modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#141414f2;border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:30px;width:90%;max-width:400px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff}body.light-mode .modal-content{background:#fffffff2;color:#333;border:1px solid rgba(0,0,0,.2)}.close{position:absolute;top:15px;right:20px;font-size:24px;font-weight:700;cursor:pointer;color:#aaa;transition:color .3s}.close:hover{color:#fff}body.light-mode .close:hover{color:#333}.modal-content h3{margin-top:0;margin-bottom:20px;font-size:1.5em}#email-form input,#email-form textarea{width:100%;padding:12px;margin-bottom:15px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-size:14px;box-sizing:border-box}body.light-mode #email-form input,body.light-mode #email-form textarea{background:#0000000d;border:1px solid rgba(0,0,0,.3);color:#333}#email-form input::placeholder,#email-form textarea::placeholder{color:#fff9}body.light-mode #email-form input::placeholder,body.light-mode #email-form textarea::placeholder{color:#0009}#email-form textarea{min-height:100px;resize:vertical}#email-form button{width:100%;padding:12px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease}#email-form button:hover{background:#ffffff4d;transform:translateY(-1px)}body.light-mode #email-form button{background:#0000001a;border:1px solid rgba(0,0,0,.3);color:#333}body.light-mode #email-form button:hover{background:#0003}@media (max-width: 768px){#theme-toggle{top:15px;left:15px;width:44px;height:44px}#social-buttons{top:15px;right:25px;gap:10px}.social-btn{width:44px;height:44px}.modal-content{width:95%;padding:20px}}.envelope-fold{stroke:#000;transition:stroke .3s ease}body.light-mode .envelope-fold{stroke:#d8d8d8}