html,body,div#root{width:100%;height:100%;margin:0;padding:0}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0a0a0a;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;color:#e0e0e0}.app{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.background-circles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.circle{position:absolute;border-radius:50%;filter:blur(80px);opacity:.08;animation:float 15s ease-in-out infinite}.circle-1{background:#404040;width:300px;height:300px;top:10%;left:10%;animation-delay:0s}.circle-2{background:#525252;width:400px;height:400px;bottom:10%;right:10%;animation-delay:3s}.circle-3{background:#737373;width:250px;height:250px;top:50%;left:80%;animation-delay:6s}.circle-4{background:#404040;width:350px;height:350px;bottom:30%;left:5%;animation-delay:9s}@keyframes float{0%,to{transform:translateY(0) scale(1) rotate(0)}33%{transform:translateY(-30px) scale(1.05) rotate(120deg)}66%{transform:translateY(15px) scale(.98) rotate(240deg)}}.card{background:#171717f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:40px;max-width:480px;width:90%;box-shadow:0 25px 50px #0000004d,0 1px 1px #ffffff0d;border:1px solid rgba(255,255,255,.08);text-align:center;position:relative;z-index:2;margin:20px;transition:all .4s cubic-bezier(.25,.46,.45,.94);overflow:hidden}.card:hover{border:1px solid rgba(255,255,255,.12);box-shadow:0 35px 60px #0006,0 5px 15px #ffffff0d}.view-content{animation-duration:.4s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-fill-mode:both}.slide-in-left{animation-name:slideInLeft}.slide-in-right{animation-name:slideInRight}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.main-view{display:flex;flex-direction:column;align-items:center;gap:24px}.avatar-container{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#404040,#525252);display:flex;align-items:center;justify-content:center;margin-bottom:8px;position:relative}.avatar{width:110px;height:110px;border-radius:50%;background:#1a1a1a;display:flex;align-items:center;justify-content:center;color:#d4d4d4;border:2px solid rgba(255,255,255,.1)}.avatar svg{width:40px;height:40px}.nickname{font-size:2.2em;color:#fff;margin:0;font-weight:600;letter-spacing:-.5px}.subtitle{color:#a3a3a3;font-size:1em;margin-bottom:8px}.action-buttons{display:flex;flex-direction:column;gap:12px;width:100%;max-width:260px;margin-top:16px}.action-btn{padding:14px 20px;border:none;border-radius:10px;font-size:.95em;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:12px;justify-content:flex-start;position:relative;overflow:hidden;background:#4040404d;color:#e5e5e5;border:1px solid rgba(255,255,255,.1)}.btn-content{display:flex;align-items:center;gap:12px;position:relative;z-index:2}.btn-icon{transition:transform .3s ease}.cursor-follow{position:absolute;width:20px;height:20px;background:#ffffff26;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1;transition:width .3s,height .3s,background .3s;filter:blur(15px)}.action-btn:hover .cursor-follow{width:24px;height:24px;background:#80808033;transform:scale(1.05)}.content-view{text-align:left}.back-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#a3a3a3;font-size:.9em;cursor:pointer;padding:8px 16px;border-radius:8px;margin-bottom:24px;transition:all .3s ease;display:flex;align-items:center;gap:8px}.back-button:hover{color:#fff}.view-title{font-size:1.7em;color:#fff;margin-bottom:24px;font-weight:600}.description{margin-bottom:32px}.description p{color:#d4d4d4;line-height:1.7;font-size:.95em}.skills{margin-top:24px}.skills h3{color:#fff;margin-bottom:16px;font-size:1.1em;font-weight:600}.skills-list{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{background:#40404066;color:#d4d4d4;padding:6px 12px;border-radius:16px;font-size:.85em;font-weight:500;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.links-grid{display:flex;flex-direction:column;gap:12px;margin-top:16px;transition:all .3s ease;border-radius:10px}.social-link{display:flex;align-items:center;gap:16px;padding:16px;border-radius:10px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.08);background:#ffffff08;position:relative;overflow:hidden}.social-link:hover{border-color:#ffffff1f}.social-icon{transition:transform .3s ease}.social-link:hover .social-icon{transform:translate(3px)}.social-text{display:flex;flex-direction:column;align-items:flex-start}.social-text strong{color:#fff;font-size:.95em;margin-bottom:4px}.social-text span{color:#a3a3a3;font-size:.85em}.projects-grid{display:flex;flex-direction:column;gap:16px;margin-top:16px}.project-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:20px;position:relative;overflow:hidden;transition:all .3s ease}.project-card:hover{border-color:#ffffff1f}.project-card h3{color:#fff;font-size:1.1em;margin-bottom:8px;font-weight:600}.project-card p{color:#d4d4d4;font-size:.9em;line-height:1.5;margin-bottom:12px}.project-tech{color:#a3a3a3;font-size:.8em;font-weight:500}.footer{position:absolute;bottom:20px;color:#fff6;font-size:.85em;z-index:2;text-align:center;width:100%}@media(max-width:768px){.card{padding:30px 20px;margin:15px}.nickname{font-size:2em}.avatar-container{width:100px;height:100px}.avatar{width:90px;height:90px}.avatar svg{width:35px;height:35px}.action-buttons{max-width:100%}.circle{filter:blur(60px)}.circle-1,.circle-2,.circle-3,.circle-4{width:200px;height:200px}}@media(max-width:480px){.card{padding:24px 16px}.view-title{font-size:1.5em}.skills-list{justify-content:center}.social-link{padding:12px}}button:hover,.project-card:hover,.links-grid:hover,.skill-tag:hover{border:#ffffff 1px dashed;transform:scale(1.05)}