:root{--bg-primary:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#2a2a2a);--bg-secondary:rgba(40,40,40,0.8);--bg-tertiary:rgba(60,60,60,0.6);--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--text-accent:#ffffff;--border-color:rgba(255,255,255,0.1);--border-hover:rgba(255,255,255,0.3);--chrome-gradient:linear-gradient(45deg,#c0c0c0,#ffffff,#a0a0a0);--chrome-accent:linear-gradient(90deg,transparent,#a0a0a0 25%,#ffffff 50%,#c0c0c0 75%,transparent);--header-bg:rgba(0,0,0,0.8);--header-bg-scroll:rgba(0,0,0,0.95);--card-shadow:rgba(0,0,0,0.4);--floating-bg:rgba(255,255,255,0.1);--radial-bg-1:rgba(120,120,120,0.1);--radial-bg-2:rgba(160,160,160,0.1);--radial-bg-3:rgba(100,100,100,0.05)}[data-theme=light]{--bg-primary:linear-gradient(135deg,#f0f4ff,#e6f0ff 50%,#dde8ff);--bg-secondary:rgba(255,255,255,0.9);--bg-tertiary:rgba(248,250,255,0.8);--text-primary:#2c3e50;--text-secondary:#5a6c7d;--text-accent:#1a2332;--border-color:rgba(99,133,179,0.2);--border-hover:rgba(99,133,179,0.4);--chrome-gradient:linear-gradient(45deg,#6b8dd6,#4a90e2,#5ba0f2);--chrome-accent:linear-gradient(90deg,transparent,#6b8dd6 25%,#4a90e2 50%,#5ba0f2 75%,transparent);--header-bg:rgba(255,255,255,0.85);--header-bg-scroll:rgba(255,255,255,0.95);--card-shadow:rgba(99,133,179,0.15);--floating-bg:rgba(99,133,179,0.1);--radial-bg-1:rgba(75,144,226,0.08);--radial-bg-2:rgba(107,141,214,0.08);--radial-bg-3:rgba(91,160,242,0.05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;line-height:1.6;transition:background .3s ease,color .3s ease}.chrome-bg{left:0;height:100%;background:radial-gradient(circle at 20% 20%,var(--radial-bg-1) 0,transparent 50%),radial-gradient(circle at 80% 80%,var(--radial-bg-2) 0,transparent 50%),radial-gradient(circle at 40% 60%,var(--radial-bg-3) 0,transparent 50%);pointer-events:none;z-index:-1}.chrome-bg,header{position:fixed;top:0;width:100%}header{padding:1rem 2rem;background:var(--header-bg);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:1000;transition:all .3s ease}nav{justify-content:space-between;margin:0 auto}.nav-container,nav{display:flex;align-items:center}.nav-container{gap:2rem}.logo{font-size:1.5rem;font-weight:700;background:var(--chrome-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(255,255,255,.3)}.logo a{text-decoration:none}.theme-toggle{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.theme-toggle:hover{border-color:var(--border-hover);transform:rotate(15deg) scale(1.05);box-shadow:0 4px 15px var(--card-shadow)}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--text-primary);text-decoration:none;font-weight:500;transition:all .3s ease;position:relative}.nav-links a:hover{color:var(--text-accent);text-shadow:0 0 10px rgba(255,255,255,.5)}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--chrome-gradient);transition:width .3s ease}.nav-links a:hover:after{width:100%}main{margin-top:80px;padding:2rem;margin-left:auto;margin-right:auto}.hero{text-align:center;padding:4rem 0;margin-bottom:4rem}.hero h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem;text-shadow:0 0 30px rgba(255,255,255,.2);background:linear-gradient(45deg,#a0a0a0,#ffffff,#c0c0c0,#ffffff);background-clip:text;background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .hero h1{background:linear-gradient(45deg,#5f8dd6,#4a90e2,#5ba0f2,#4a90e2);background-clip:text;background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2rem}.cta-button{display:inline-block;padding:1rem 2rem;background:var(--bg-secondary);color:var(--text-accent);text-decoration:none;border-radius:50px;font-weight:600;transition:all .3s ease;border:2px solid var(--border-color);box-shadow:0 4px 20px var(--card-shadow)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--card-shadow);border-color:var(--border-hover)}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;background:var(--chrome-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-grid{display:grid;gap:2rem;margin-bottom:4rem;grid-template-columns:1fr}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.projects-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1600px){.projects-grid{grid-template-columns:repeat(4,1fr)}}.project-card{background:linear-gradient(145deg,var(--bg-secondary),var(--bg-tertiary));border-radius:20px;border:1px solid var(--border-color);transition:all .4s ease;backdrop-filter:blur(10px);position:relative;overflow:hidden;opacity:0;transform:translateY(50px);display:flex;flex-direction:column}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--chrome-accent);opacity:0;transition:opacity .4s ease;border-radius:20px 20px 0 0}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px var(--card-shadow);border-color:var(--border-hover)}.project-card:hover:before{opacity:.8}.project-card.visible{opacity:1;transform:translateY(0);transition:all .6s ease}.project-image-container{position:relative;width:100%;aspect-ratio:16/9;background:linear-gradient(45deg,var(--bg-tertiary),var(--bg-secondary));border-bottom:1px solid var(--border-color);overflow:hidden;display:flex;align-items:center;justify-content:center}.project-image,.project-image-container{border-radius:10px 10px 0 0}.project-icon{color:var(--text-secondary);font-size:3rem;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.project-content{padding:2rem;flex:1;display:flex;flex-direction:column}.project-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-accent)}.project-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6;flex:1}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:var(--bg-tertiary);color:var(--text-primary);padding:.3rem .8rem;border-radius:15px;font-size:.8rem;border:1px solid var(--border-color)}.project-links{display:flex;gap:1rem;flex-wrap:wrap;margin-top:auto}.project-link{padding:.6rem 1.2rem;background:var(--bg-tertiary);color:var(--text-accent);text-decoration:none;border-radius:25px;font-size:.9rem;transition:all .3s ease;border:1px solid var(--border-color);white-space:nowrap}.project-link:hover{border-color:var(--border-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--card-shadow)}.loading{color:#b0b0b0;font-size:1.2rem}.error,.loading{text-align:center;padding:2rem}.error{color:#ff6b6b;background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.3);border-radius:10px;margin:2rem 0}footer{text-align:center;padding:3rem 2rem;border-top:1px solid var(--border-color);background:var(--bg-secondary);backdrop-filter:blur(10px)}.contact-info{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.contact-link{color:var(--text-secondary);text-decoration:none;transition:all .3s ease;padding:.5rem 1rem;border-radius:10px;border:1px solid var(--border-color)}.contact-link:hover{color:var(--text-accent);background:var(--bg-tertiary);border-color:var(--border-hover);text-shadow:0 0 10px rgba(255,255,255,.5)}@media (max-width:768px){.hero h1{font-size:2.5rem}.nav-links{display:none}main{padding:1rem}.nav-container{gap:1rem}.theme-toggle{width:45px;height:45px;font-size:1rem}.project-content{padding:1.5rem}.project-links{flex-direction:column;gap:.8rem}.project-link{text-align:center}}.floating-elements{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.floating-element{position:absolute;width:2px;height:2px;background:var(--floating-bg);border-radius:50%;animation:float 20s linear infinite}@keyframes float{0%{transform:translateY(100vh) translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translateX(100px);opacity:0}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem}.signin-card{background:linear-gradient(145deg,var(--bg-secondary),var(--bg-tertiary));border-radius:20px;padding:3rem 2.5rem;border:1px solid var(--border-color);backdrop-filter:blur(20px);box-shadow:0 20px 40px var(--card-shadow);max-width:450px;width:100%;position:relative;overflow:hidden}.signin-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--chrome-accent);opacity:.8;border-radius:20px 20px 0 0}.signin-header{text-align:center;margin-bottom:2.5rem}.signin-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;background:var(--chrome-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.signin-subtitle{color:var(--text-secondary);font-size:1rem}.signin-form{display:flex;flex-direction:column;gap:1.5rem}.input-group{position:relative}.auth-input{width:100%;padding:1rem 1.5rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:15px;color:var(--text-primary);font-size:1rem;transition:all .3s ease;backdrop-filter:blur(10px)}.auth-input:focus{outline:none;border-color:var(--border-hover);box-shadow:0 0 20px rgba(255,255,255,.1);transform:translateY(-1px)}.auth-input::placeholder{color:var(--text-secondary)}.auth-input:disabled{opacity:.6;cursor:not-allowed}.auth-button{padding:1rem 2rem;background:linear-gradient(145deg,var(--bg-secondary),var(--bg-tertiary));color:var(--text-accent);border:2px solid var(--border-color);border-radius:15px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.5rem}.auth-button:hover:not(:disabled){border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 25px var(--card-shadow)}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.signin-button{background:linear-gradient(45deg,var(--chrome-gradient));color:var(--text-accent);text-shadow:0 1px 2px rgba(0,0,0,.3)}.signin-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.signin-note{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.profile-modal{background:linear-gradient(145deg,var(--bg-secondary),var(--bg-tertiary));border-radius:20px;border:1px solid var(--border-color);backdrop-filter:blur(20px);box-shadow:0 20px 40px var(--card-shadow);max-width:400px;width:100%;position:relative;overflow:hidden}.profile-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--chrome-accent);opacity:.8;border-radius:20px 20px 0 0}.profile-header{padding:2rem 2.5rem 1.5rem;text-align:center;border-bottom:1px solid var(--border-color)}.user-avatar,.user-avatar-container{display:flex;align-items:center;justify-content:center}.user-avatar{width:50px;height:50px;background:linear-gradient(45deg,#6b8dd6,#4a90e2,#5ba0f2);color:white;border-radius:50%;font-weight:700;font-size:1.2rem;text-shadow:0 2px 4px rgba(0,0,0,.8);box-shadow:0 4px 15px var(--card-shadow),inset 0 1px 0 rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.1)}.profile-info{margin-top:1rem}.profile-name{font-size:1.4rem;font-weight:600;color:var(--text-accent);margin-bottom:.3rem}.profile-email{color:var(--text-secondary);font-size:.95rem}.profile-actions{padding:1.5rem 2.5rem;display:flex;flex-direction:column;gap:.8rem}.profile-button{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.2rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.profile-button:hover{background:rgba(255,255,255,.05);border-color:var(--border-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--card-shadow)}.profile-button .button-icon{font-size:1.1rem}.profile-footer{border-top:1px solid var(--border-color);padding:1.5rem 2.5rem 2rem}.profile-footer .sign-out-button{width:100%;justify-content:center;gap:.8rem}.sign-out-button{padding:.6rem 1.2rem;font-size:.9rem;min-width:auto;background:rgba(255,107,107,.1);border-color:rgba(255,107,107,.3);color:#ff6b6b}.sign-out-button:hover:not(:disabled){background:rgba(255,107,107,.2);border-color:rgba(255,107,107,.5)}.button-text{flex:1}.button-icon{font-size:1.1rem}.auth-toggle{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:25px;padding:.6rem 1.2rem;color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.auth-toggle:hover{border-color:var(--border-hover);transform:translateY(-1px);box-shadow:0 4px 15px var(--card-shadow)}.user-preview{display:flex;align-items:center;gap:.8rem;padding:.5rem 1rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:25px;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.user-preview:hover{border-color:var(--border-hover);transform:translateY(-1px);box-shadow:0 4px 15px var(--card-shadow)}.user-avatar-small{width:32px;height:32px;background:var(--chrome-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:.9rem;text-shadow:0 2px 4px rgba(0,0,0,.8);box-shadow:0 2px 8px var(--card-shadow),inset 0 1px 0 rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.1)}.user-name-small{color:var(--text-primary);font-weight:500;font-size:.9rem}.signin-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;animation:modalFadeIn .3s ease-out}.signin-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(12px);cursor:pointer}.signin-modal .auth-container{position:relative;z-index:10000;min-height:auto;padding:1rem;animation:modalSlideIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.auth-container{padding:1rem;min-height:50vh}.signin-card{padding:2rem 1.5rem}.signin-title{font-size:1.7rem}.profile-modal{max-width:none;width:100%;margin:0 1rem}.profile-header{padding:1.5rem 2rem 1rem}.profile-actions{padding:1rem 2rem}.profile-footer{padding:1rem 2rem 1.5rem}.profile-name{font-size:1.2rem}.user-name-small{display:none}.user-preview{padding:.5rem;min-width:auto}.auth-toggle{padding:.5rem 1rem;font-size:.8rem}.signin-modal .auth-container{padding:.5rem}}