@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@500;700;800&display=swap";:root{--bg-primary: #05070A;--bg-secondary: #0F1218;--bg-tertiary: #1A1F29;--primary: #00F0FF;--primary-glow: rgba(0, 240, 255, .5);--secondary: #7000FF;--secondary-glow: rgba(112, 0, 255, .5);--text-primary: #FFFFFF;--text-secondary: #94A3B8;--text-accent: #00F0FF;--border: rgba(255, 255, 255, .1);--border-hover: rgba(0, 240, 255, .4);--gradient-primary: linear-gradient(135deg, #00F0FF 0%, #7000FF 100%);--gradient-dark: linear-gradient(to bottom, var(--bg-primary), #000000);--gradient-glass: linear-gradient(180deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .02) 100%);--font-main: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Outfit", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px var(--primary-glow);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 32px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.1;color:var(--text-primary)}a{text-decoration:none;color:inherit;transition:.3s ease}button{font-family:inherit;cursor:pointer;border:none;background:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.container{max-width:1400px;margin:0 auto;padding:0 20px;width:100%}.text-gradient{background:linear-gradient(90deg,#fff,var(--primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:768px){.container{padding:0 15px}h1{font-size:2.2rem!important}h2{font-size:1.8rem!important}h3{font-size:1.5rem!important}body{font-size:15px}}:root{--a4-width: 210mm;--a4-height: 297mm}@media screen{.portfolio-bg{background-color:#525659!important;padding:40px 0;min-height:100vh;display:flex;flex-direction:column;align-items:center;gap:30px}.print-page{width:var(--a4-width);height:var(--a4-height);background:#fff;box-shadow:0 0 15px #00000080;overflow:hidden;position:relative;margin:0 auto}}@media print{@page{size:A4;margin:0}html,body{height:100%;margin:0;padding:0;background:#fff}body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.no-print{display:none!important}.portfolio-bg{background:none!important;padding:0!important;display:block!important}.print-page{height:var(--a4-height);width:var(--a4-width);page-break-after:always;break-after:always;margin:0!important;box-shadow:none!important;overflow:hidden}.print-break-inside-avoid{break-inside:avoid}.navbar,.footer{display:none!important}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1.5rem 0;transition:all .3s ease}.navbar.scrolled{padding:1rem 0;background:#0b0e14cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}.navbar-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1.5rem}.logo{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:800;font-size:1.6rem;color:var(--text-primary);text-decoration:none;letter-spacing:-.5px}.logo-img{height:48px;width:auto;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 8px rgba(0,240,255,.4));transition:transform .3s ease}.logo:hover .logo-img{transform:scale(1.05) rotate(5deg)}.text-accent{background:linear-gradient(135deg,var(--primary) 0%,#00a8ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.desktop-menu{display:flex;align-items:center;gap:2rem}.nav-link{color:var(--text-secondary);font-weight:500;font-size:.95rem;transition:color .3s ease}.nav-link:hover,.nav-link.active{color:var(--primary);text-shadow:0 0 10px rgba(0,240,255,.4)}.user-nav{display:flex;align-items:center;gap:1rem;padding:0 1rem;border-left:1px solid rgba(255,255,255,.1)}.user-email{font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:6px;background:#ffffff0d;padding:4px 10px;border-radius:20px}.logout-icon-btn{background:transparent;border:none;color:#888;cursor:pointer;display:flex;align-items:center;transition:color .3s}.logout-icon-btn:hover{color:#ff5f56}.mobile-toggle{display:none;color:var(--text-primary)}.mobile-menu{position:absolute;top:100%;left:0;width:100%;background:var(--bg-secondary);padding:2rem;display:flex;flex-direction:column;gap:1.5rem;border-bottom:1px solid var(--border);transform:translateY(-150%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:-1;opacity:0}.mobile-menu.open{transform:translateY(0);opacity:1}.mobile-menu a{font-size:1.1rem;font-weight:600;color:var(--text-primary);text-align:center}.mobile-cta{width:100%;justify-content:center}@media(max-width:768px){.desktop-menu{display:none}.mobile-toggle{display:block}.logo span{font-size:1.2rem}.logo-img{height:32px}.navbar-content{padding:0 1rem}}.btn{padding:12px 24px;border-radius:var(--radius-sm);font-family:var(--font-main);font-weight:600;font-size:1rem;letter-spacing:.5px;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;z-index:1}.btn-primary{background:var(--primary);color:var(--bg-primary);box-shadow:0 0 15px #00f0ff4d}.btn-primary:hover{background:#00dbe8;box-shadow:0 0 25px #00f0ff99}.btn-secondary{background:var(--secondary);color:#fff;box-shadow:0 0 15px #7000ff4d}.btn-secondary:hover{background:#6000db;box-shadow:0 0 25px #7000ff99}.btn-outline{background:transparent;color:var(--primary);border:1px solid var(--primary);box-shadow:0 0 10px #00f0ff1a inset}.btn-outline:hover{background:#00f0ff1a;text-shadow:0 0 8px rgba(0,240,255,.5);box-shadow:0 0 20px #00f0ff33 inset}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}.language-switcher{display:flex;align-items:center;gap:.5rem;color:#94a3b8;background:#0f172a80;padding:.4rem .8rem;border-radius:20px;border:1px solid rgba(148,163,184,.2);transition:all .3s ease}.language-select{background:transparent;color:#f8fafc;border:none;outline:none;cursor:pointer;font-size:.9rem;font-family:inherit;font-weight:500}.language-select option{background:#0f172a;color:#f8fafc}.language-switcher:hover{border-color:#38bdf880;color:#38bdf8;box-shadow:0 0 10px #38bdf833}.footer{background:var(--bg-secondary);padding-top:var(--spacing-lg);border-top:1px solid var(--border)}.footer-content{display:flex;justify-content:space-between;gap:4rem;padding-bottom:var(--spacing-lg)}.footer-brand{max-width:300px}.footer-brand p{color:var(--text-secondary);margin-top:1rem;font-size:.95rem}.footer-links{display:flex;gap:4rem}.footer-links h4{color:var(--text-primary);margin-bottom:1.5rem;font-size:1rem}.footer-links a{display:block;color:var(--text-secondary);margin-bottom:.8rem;font-size:.9rem}.footer-links a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border);padding:1.5rem 0}.footer-bottom .container{display:flex;justify-content:space-between;align-items:center}.footer-bottom p{color:var(--text-secondary);font-size:.9rem}.socials{display:flex;gap:1.5rem}.socials a{color:var(--text-secondary)}.socials a:hover{color:var(--primary)}@media(max-width:768px){.footer-content,.footer-links{flex-direction:column;gap:2rem}.footer-bottom .container{flex-direction:column;gap:1rem;text-align:center}}
