*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff;min-height:100vh;display:flex;flex-direction:column;position:relative;margin:0;padding:0}.background-layer{position:fixed;top:0;left:0;width:100%;height:100%;background:url(/images/1768890867918.png) no-repeat center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;z-index:-3;will-change:transform}.blur-layer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);-moz-backdrop-filter:blur(3px)}.overlay-layer{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,0,0,.7) 0%,rgba(10,10,30,.8) 100%);z-index:-1}@supports (-webkit-touch-callout: none){.background-layer{position:fixed;height:100%;top:0;left:0}.blur-layer,.overlay-layer{position:fixed;height:100%}}.container{flex:1;display:flex;justify-content:space-between;align-items:center;padding:2rem;max-width:1200px;margin:0 auto;width:100%;min-height:100vh}.left-section{flex:1;max-width:400px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;background:transparent;border-radius:20px;border:none;box-shadow:none}.avatar-container{width:150px;height:150px;border-radius:50%;overflow:hidden;-webkit-border-radius:50%;-webkit-overflow-scrolling:touch;position:relative;z-index:1;margin-bottom:0rem}.avatar{width:100%;height:100%;object-fit:cover;border-radius:50%;-webkit-border-radius:50%}.username{font-size:1.8rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 0 10px rgba(255,255,255,.5)}.signature{font-size:1rem;color:#fffc;margin:1rem 0;font-style:italic}.contact-info{display:flex;gap:1rem;margin-top:1rem}.contact-info a{color:#fff;font-size:1.2rem;transition:all .3s ease}.contact-info a:hover{transform:scale(1.1);color:#87ceeb}.right-section{flex:1;max-width:600px;display:flex;flex-direction:column;gap:1.5rem}.time-card{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:20px;padding:1.5rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #00000026;text-align:center}.date{font-size:1rem;margin-bottom:.5rem;color:#fffc}.time{font-size:2rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 0 10px rgba(255,255,255,.5)}.weather{font-size:.9rem;color:#ffffffb3}.quote-card{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:20px;padding:1.5rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #00000026;text-align:center}.quote{font-size:1.1rem;margin-bottom:.5rem;font-style:italic}.quote-author{font-size:.9rem;color:#ffffffb3}.links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.link-card{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:16px;padding:1.2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #00000026;text-align:center;transition:all .3s ease}.link-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #6495ed66;border-color:#6495ed80}.link-card a{color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:.5rem}.link-icon{font-size:1.5rem}.link-text{font-size:.9rem}.link-desc{font-size:.8rem;color:#ffffffb3;margin-top:5px}@media (max-width: 1400px){.container{padding:1.8rem;max-width:90%}}@media (max-width: 1200px){.container{padding:1.5rem;max-width:95%}.left-section{max-width:380px;padding:1.8rem 1.5rem}.right-section{max-width:520px}.time-card,.quote-card{padding:1.4rem}.links-grid{gap:1rem}}@media (max-width: 992px){.container{padding:1.2rem;max-width:98%}.left-section{max-width:340px;padding:1.5rem 1.2rem}.right-section{max-width:460px}.username{font-size:1.6rem}.time{font-size:1.8rem}.links-grid{grid-template-columns:repeat(2,1fr);gap:.9rem}}@media (max-width: 850px){.container{flex-direction:column;gap:1.5rem;padding:1rem;max-width:100%;margin:1rem auto}.left-section,.right-section{max-width:500px;width:100%;min-width:300px}.links-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.left-section,.right-section{max-width:100%;min-width:280px}.left-section{padding:1.2rem}.avatar-container{width:100px;height:100px}.username{font-size:1.4rem}.time{font-size:1.6rem}.links-grid{grid-template-columns:1fr}}@media (max-width: 350px){.left-section{min-width:260px}.container{padding:.5rem}}