@tailwind base;@tailwind components;@tailwind utilities;:root{--primary:#ff4d4d;--secondary:#ff6b6b;--dark:#0a0a0a;--darker:#050505;--light:#f0f0f0;--gray:#333;--light-gray:#444;--bg-color:#0a0a0a;--text-color:#f0f0f0;--card-bg:#1a1a1a;--border-color:#333}.light-mode{--bg-color:#f9f9f9;--text-color:#333;--card-bg:#fff;--border-color:#ddd;--dark:#f0f0f0;--darker:#e0e0e0;--gray:#ccc;--light-gray:#999}*{margin:0;padding:0;box-sizing:border-box;font-family:Courier New,monospace;transition:background-color .3s,color .3s,border-color .3s}body{background-color:var(--bg-color);color:var(--text-color);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background-color:var(--dark);padding:3rem 0;border-bottom:1px solid var(--border-color);position:relative;overflow:hidden}header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(255,77,77,.1) 50%,transparent 70%);animation:shine 6s linear infinite}@keyframes shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.header-content{justify-content:space-between;flex-wrap:wrap;position:relative;z-index:1}.header-content,.profile-info{display:flex;align-items:center}.profile-info{gap:20px}.avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(45deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;border:3px solid var(--light)}.name-title h1{font-size:2.5rem;margin-bottom:5px;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.name-title h2{font-size:1.2rem;color:var(--light-gray);font-weight:400}.contact-info{text-align:right}.contact-info p{margin-bottom:5px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.theme-toggle{position:absolute;top:20px;right:20px;background:none;border:none;font-size:1.5rem;z-index:10}.tabs{display:flex;background-color:var(--dark);border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;z-index:5}.tab{padding:15px 25px;cursor:pointer;transition:all .3s;border-bottom:3px solid transparent;text-align:center;flex:1 1}.tab:hover{background-color:var(--gray)}.tab.active{border-bottom:3px solid var(--primary);color:var(--primary)}.tab-content{display:none;padding:30px 0;animation:fadeIn .5s}.tab-content.active{display:block}.section-header{margin-bottom:30px;position:relative;padding-left:15px}.section-header:before{content:"";position:absolute;left:0;top:0;height:100%;width:5px;background:linear-gradient(to bottom,var(--primary),var(--secondary))}.section-header h2{font-size:2rem;margin-bottom:10px}.section-header p{color:var(--light-gray)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:25px;gap:25px}.project-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:5px;padding:20px;transition:all .3s;position:relative;overflow:hidden;cursor:pointer}.project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(to right,var(--primary),var(--secondary));transform:scaleX(0);transition:transform .3s}.project-card:hover:before{transform:scaleX(1)}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(255,77,77,.2)}.project-card h3{margin-bottom:10px;color:var(--primary)}.project-meta{display:flex;justify-content:space-between;margin-bottom:15px;font-size:.9rem;color:var(--light-gray)}.tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.tech-tag{background-color:var(--darker);padding:3px 10px;border-radius:15px;font-size:.8rem;border:1px solid var(--border-color)}.profile-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;gap:30px}.profile-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:5px;padding:20px}.profile-card h3{margin-bottom:15px;color:var(--primary);display:flex;align-items:center;gap:10px}.skills-list{list-style-type:none}.skills-list li{margin-bottom:10px;display:flex;align-items:center;gap:10px}.skill-bar{height:8px;background-color:var(--darker);border-radius:4px;margin-top:5px;overflow:hidden}.skill-level{height:100%;background:linear-gradient(to right,var(--primary),var(--secondary));border-radius:4px}.qa-item{margin-bottom:25px;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:5px;overflow:hidden}.qa-question{padding:15px 20px;background-color:var(--gray);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.qa-answer{padding:0 20px;max-height:0;overflow:hidden;transition:max-height .3s,padding .3s}.qa-item.active .qa-answer{padding:20px;max-height:500px}.contact-form{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:5px;padding:25px;margin-top:30px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--text-color)}.form-control{width:100%;padding:12px;background-color:var(--darker);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:1rem}.form-control:focus{outline:none;border-color:var(--primary)}textarea.form-control{min-height:120px;resize:vertical}.submit-btn{background:linear-gradient(to right,var(--primary),var(--secondary));color:var(--dark);border:none;padding:12px 25px;border-radius:4px;cursor:pointer;font-weight:700;transition:all .3s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,77,77,.4)}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:25px;gap:25px}.article-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:5px;overflow:hidden;transition:all .3s;cursor:pointer}.article-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(255,77,77,.2)}.article-img{height:160px;background:linear-gradient(45deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--dark)}.article-content{padding:20px}.article-meta{display:flex;justify-content:space-between;margin-bottom:10px;font-size:.9rem;color:var(--light-gray)}.article-details{max-height:0;overflow:hidden;transition:max-height .3s}.article-card.expanded .article-details{max-height:500px;margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color)}.portfolio-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.filter-btn{padding:8px 15px;background-color:var(--dark);border:1px solid var(--border-color);border-radius:20px;color:var(--text-color);cursor:pointer;transition:all .3s}.filter-btn.active,.filter-btn:hover{background-color:var(--primary);color:var(--dark)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:20px;gap:20px}.portfolio-item{position:relative;overflow:hidden;border-radius:5px;height:200px;background-color:var(--gray);cursor:pointer}.portfolio-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.portfolio-item:hover img{transform:scale(1.1)}.portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s;padding:20px;text-align:center}.portfolio-item:hover .portfolio-overlay{opacity:1}footer{background-color:var(--dark);padding:30px 0;text-align:center;border-top:1px solid var(--border-color);margin-top:50px}.social-links{gap:20px;margin-bottom:20px}.social-link,.social-links{display:flex;justify-content:center}.social-link{width:40px;height:40px;border-radius:50%;background-color:var(--darker);align-items:center;color:var(--text-color);text-decoration:none;transition:all .3s;border:1px solid var(--border-color)}.social-link:hover{background-color:var(--primary);color:var(--dark);transform:translateY(-3px)}.terminal{background-color:var(--darker);border:1px solid var(--border-color);border-radius:5px;padding:15px;margin:20px 0;font-family:Courier New,monospace;position:relative;overflow:hidden}.terminal-header{display:flex;align-items:center;margin-bottom:10px}.terminal-dots{display:flex;gap:5px;margin-right:10px}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background-color:#ff5f56}.terminal-dot.yellow{background-color:#ffbd2e}.terminal-dot.green{background-color:#27ca3f}.terminal-title{color:var(--light-gray);font-size:.9rem}.terminal-content{color:var(--primary)}.terminal-content .command{color:var(--secondary)}.cursor{display:inline-block;width:8px;height:16px;background-color:var(--primary);animation:blink 1s infinite;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:1000;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start;padding:20px}.modal-content{background-color:var(--card-bg);margin:5% auto;width:80%;max-width:800px;border-radius:8px;overflow:hidden;box-shadow:0 5px 30px rgba(0,0,0,.5);border:1px solid var(--border-color);animation:modalFadeIn .3s}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{background-color:var(--dark)}.close-modal{color:var(--text-color);transition:color .3s}.modal-body{padding:25px;max-height:70vh;overflow-y:auto}.modal-footer{padding:15px 25px;background-color:var(--dark);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}@media (max-width:768px){.header-content{text-align:center;gap:20px}.header-content,.profile-info{flex-direction:column}.contact-info{text-align:center}.contact-info p{justify-content:center}.tabs{flex-wrap:wrap}.tab{flex:1 0 50%}.articles-grid,.profile-content,.projects-grid{grid-template-columns:1fr}.modal-content{width:95%;margin:10% auto}}.header-actions{display:flex;justify-content:flex-end;align-items:center;gap:1rem;padding:1rem;position:absolute;top:0;right:0;z-index:10;margin-bottom:40px}.language-selector{position:relative;margin-right:50px;margin-top:5px;margin-bottom:40px}.language-dropdown-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--dark);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-family:Courier New,monospace;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:.9rem}.language-dropdown-toggle:hover{background:var(--gray);border-color:var(--primary)}.language-code{letter-spacing:1px}.dropdown-chevron{transition:transform .3s ease}.dropdown-chevron.open{transform:rotate(180deg)}.language-dropdown{position:absolute;top:100%;right:0;background:var(--dark);border:1px solid var(--border-color);border-radius:4px;margin-top:.5rem;z-index:1000;min-width:80px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-option{width:100%;padding:.75rem 1rem;text-align:center;background:none;border:none;color:var(--text-color);font-family:Courier New,monospace;font-weight:700;cursor:pointer;transition:all .3s ease;border-bottom:1px solid var(--border-color)}.language-option:last-child{border-bottom:none}.language-option:hover{background:var(--gray);color:var(--primary)}.language-option.active{background:var(--primary);color:var(--dark)}.theme-toggle{padding:.5rem;background:var(--dark);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:var(--gray);border-color:var(--primary);color:var(--primary)}.light-mode .language-dropdown-toggle,.light-mode .language-option,.light-mode .theme-toggle{background:var(--card-bg);border-color:var(--border-color);color:var(--text-color)}.light-mode .language-dropdown-toggle:hover,.light-mode .theme-toggle:hover{background:var(--darker);border-color:var(--primary)}.light-mode .language-option:hover{background:var(--darker);color:var(--primary)}.light-mode .language-option.active{background:var(--primary);color:var(--dark)}@media (max-width:768px){.header-actions{position:absolute;justify-content:center;padding:1rem}.header-content{margin-top:1rem}}.loading-container .terminal{width:90%}.avatar img{border-radius:50%;object-fit:cover}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:var(--card-bg);border-radius:10px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid var(--primary);box-shadow:0 0 30px rgba(0,255,255,.3)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.modal-header h3{color:var(--primary);margin:0;font-size:1.5rem}.close-modal{background:none;border:none;color:var(--light-gray);font-size:1.5rem;cursor:pointer;padding:5px;border-radius:3px;transition:color .3s ease}.close-modal:hover{color:var(--primary)}.modal-body{padding:20px}.success-modal .modal-content{max-width:400px;text-align:center}.success-icon{font-size:4rem;color:var(--success);margin-bottom:1rem}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--dark-bg);padding:20px}.loading-container .terminal{max-width:500px;width:100%}.submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.modal-content{margin:10px;max-width:calc(100% - 20px)}.modal-body,.modal-header{padding:15px}}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:U+0370-0377,U+037a-037f,U+0384-038a,U+038c,U+038e-03a1,U+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}