@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&display=swap";:root{--color-bg: linear-gradient(145deg, #0d0d0d, #1a1a1a);--color-primary: #00ffff;--color-primary-soft: rgba(0, 255, 255, .1);--color-accent: rgba(0, 255, 255, .05);--color-text: #e0f7ff;--color-subtext: #a0a0a0;--color-border: rgba(0, 255, 255, .25);--font-main: "Orbitron", sans-serif;--font-size-base: 16px;--line-height-base: 1.6;--space-xs: .3rem;--space-sm: .6rem;--space-md: 1rem;--space-lg: 2rem;--radius-sm: 8px;--radius-md: 12px;--radius-full: 50%;--shadow-glow: 0 0 15px rgba(0, 255, 255, .15);--shadow-card: 0 0 30px rgba(0, 255, 255, .07);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box;transition:var(--transition)}body{font-family:var(--font-main);background:#101820;color:#e5f5ff;font-size:var(--font-size-base);line-height:var(--line-height-base);scroll-behavior:smooth}.container{max-width:960px;margin:0 auto;padding:2rem 1rem;text-align:center}.hero{margin-bottom:3rem}.profile-img{width:170px;height:170px;border-radius:var(--radius-full);border:3px solid #00d8ff;box-shadow:0 0 15px #00d8ff4d;object-fit:cover;object-position:center}.title{font-size:2.5rem;color:#00d8ff;margin-top:1rem;text-shadow:0 0 6px rgba(0,216,255,.3)}.subtitle{color:#99c2cc;font-size:1.1rem;margin-top:.5rem}.social-links{margin-top:1rem;display:flex;justify-content:center;gap:1rem}.button{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:transparent;border:1px solid #00d8ff;color:#00d8ff;border-radius:var(--radius-sm);text-decoration:none;transition:var(--transition);box-shadow:0 0 10px #00d8ff1a}.button:hover{background:#00d8ff1a;transform:translateY(-2px);box-shadow:0 0 15px #00d8ff40}.section-title{font-size:1.8rem;margin-bottom:1.5rem;color:#00d8ff;text-shadow:0 0 5px rgba(0,216,255,.1)}.skills-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;padding:0;list-style:none}.skills-list li{background:#00d8ff14;padding:.6rem 1rem;border-radius:var(--radius-sm);font-size:1rem;box-shadow:0 0 8px #00d8ff0d}.project-card{background:#18232d;border-left:3px solid #00d8ff;padding:1.2rem;margin-bottom:1.2rem;border-radius:var(--radius-md);text-align:left;box-shadow:0 0 25px #00d8ff0a}.project-title{color:#00d8ff;font-size:1.3rem;margin-bottom:.5rem}.project-tech{color:#8bbfcc;font-size:.9rem;margin-bottom:.5rem}.soon-badge{font-size:.8rem;background:#00d8ff;color:#000;padding:2px 8px;border-radius:var(--radius-sm)}.email-link,.telegram-link{color:#00d8ff}.email-link:hover,.telegram-link:hover{text-decoration:underline}.about p{color:#cde6f0;max-width:700px;margin:0 auto;font-size:1rem;line-height:1.6}.read-journey-btn{display:inline-flex;align-items:center;gap:.5rem;color:#2563eb;font-weight:500;margin-top:1rem;transition:color .3s ease;cursor:pointer;background:none;border:none;font-size:1rem}.read-journey-btn:hover{color:#1e40af}.read-journey-btn span{display:inline-block;transition:transform .3s ease}.read-journey-btn:hover span{transform:translate(.25rem)}.project-link{display:inline-block;margin-top:.8rem;padding:.4rem .8rem;border:1px solid #00ffc3;color:#00ffc3;border-radius:var(--radius-sm);text-decoration:none;font-weight:500;transition:all .3s ease;box-shadow:0 0 10px #00ffc31a}.project-link:hover{background:#00ffc31a;color:#fff;box-shadow:0 0 15px #00ffc366}.journey-drawer{position:fixed;top:0;right:0;height:100vh;width:100%;max-width:600px;background-color:#fff;box-shadow:-4px 0 10px #0000001a;z-index:9999;padding:24px;overflow-y:auto}.back-button{color:gray;background:none;border:none;font-size:16px;margin-bottom:16px;cursor:pointer}.back-button:hover{color:#000}.drawer-title{font-size:24px;font-weight:700;margin-bottom:20px}.drawer-content h3{font-weight:600;margin-top:16px}.drawer-content p{margin-top:4px;line-height:1.5}