/* ÖZGÜVEN BİLİŞİM HİZMETLERİ */
:root {
  --bg-dark:#ADD8E6; 
  --bg-light:#ffffff; 
  --card-dark:#1e293b;
  --card-light:#f1f5f9;
  --text-dark:#e6eef8; 
  --text-light:#111827;
  --accent1:#3b82f6;
  --accent2:#06b6d4;
  --text-header-dark:#333333;
  --social-dark:#555555;    
}
[data-theme="dark"] {
  --bg:var(--bg-dark);
  --card:var(--card-dark);
  --text:var(--text-dark);
  --text-header:var(--text-header-dark);
  --social-color:var(--social-dark);
}
[data-theme="light"] {
  --bg:var(--bg-light);
  --card:var(--card-light);
  --text:var(--text-light);
  --text-header:var(--text-light);
  --social-color:var(--text-light);
}

/* Genel stiller */
*{margin:0;padding:0;box-sizing:border-box;font-family:'Inter',sans-serif;}
body{background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column;}
.container{flex:1;max-width:960px;margin:0 auto;padding:24px;}
header{text-align:center;margin-bottom:24px;}
.profile-pic{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--accent1),var(--accent2));display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:32px;color:#fff;margin-bottom:12px;}
h1{font-size:28px;font-weight:700;margin-bottom:6px;color: var(--text-header);}
p.title{color:var(--text-header);opacity:0.8;font-size:16px;}
.actions{text-align:center;margin-bottom:24px;}
.actions button{margin:0 10px;padding:12px 20px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all 0.25s;font-size:15px;}
.actions .btn-primary{background:linear-gradient(90deg,var(--accent1),var(--accent2));color:#fff;}
.actions .btn-primary:hover{opacity:0.9;}
.actions .btn-ghost{background:transparent;border:1px solid rgba(0,0,0,0.2);color:var(--text);}
.actions .btn-ghost:hover{border-color:var(--accent2);color:var(--accent2);}
.links-section{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;}
.link-box{display:flex;align-items:center;background:var(--card);padding:16px 20px;border-radius:12px;text-decoration:none;color:var(--text);transition:all 0.25s;font-size:15px;}
.link-box:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,0.3);}
.link-icon{font-size:22px;margin-right:14px;color:var(--accent2);}
.link-content span{font-weight:600;font-size:16px;}
.link-content small{font-size:13px;color:var(--text);opacity:0.7;}
.copy-button{background:none;border:none;color:var(--text);cursor:pointer;font-size:16px;margin-left:10px;transition:color .2s;}
.copy-button:hover{color:var(--accent1);}
.social-icons{display:flex;justify-content:center;gap:18px;margin-top:24px;margin-bottom:16px;}
.social-icons a{color:var(--social-color);font-size:22px;transition:color .25s;}
.social-icons a:hover{color:var(--accent1);}
footer{padding:14px 0;text-align:center;font-size:13px;color:var(--text);opacity:0.8;}
@media(max-width:768px){
  .link-box{flex-direction:column;align-items:flex-start;}
  .link-content small{margin-top:4px;}
  .profile-pic{width:100px;height:100px;font-size:28px;}
  h1{font-size:24px;}
  p.title{font-size:14px;}
  .actions button{padding:10px 16px;font-size:14px;}
  .link-box{padding:12px 16px;}
  .link-icon{font-size:20px;}
  .link-content span{font-size:14px;}
  .link-content small{font-size:12px;}
  .social-icons a{font-size:20px;}
}
@